First pass at new server console design

This commit is contained in:
DaneEveritt 2022-06-20 17:26:47 -04:00
parent 61018b5e67
commit faff263f17
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
9 changed files with 263 additions and 189 deletions

View file

@ -16,7 +16,7 @@
@apply text-gray-50 bg-transparent;
&:disabled {
@apply bg-transparent;
background: transparent !important;
}
}

View file

@ -6,7 +6,7 @@ import { Button } from '@/components/elements/button/index';
type ConfirmationProps = Omit<DialogProps, 'description' | 'children'> & {
children: React.ReactNode;
confirm?: string | undefined;
onConfirmed: () => void;
onConfirmed: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
}
export default ({ confirm = 'Okay', children, onConfirmed, ...props }: ConfirmationProps) => {

View file

@ -90,7 +90,7 @@ export default ({
transition={{ type: 'spring', damping: 20, stiffness: 300, duration: 0.075 }}
{...getFloatingProps({
ref: floating,
className: 'absolute top-0 left-0 bg-gray-900 text-sm text-gray-200 px-3 py-2 rounded pointer-events-none max-w-[90vw]',
className: 'absolute top-0 left-0 bg-gray-900 text-sm text-gray-200 px-3 py-2 rounded pointer-events-none max-w-[20rem] z-[9999]',
style: {
position: strategy,
top: `${y || 0}px`,