First pass at new server console design
This commit is contained in:
parent
61018b5e67
commit
faff263f17
9 changed files with 263 additions and 189 deletions
|
@ -16,7 +16,7 @@
|
|||
@apply text-gray-50 bg-transparent;
|
||||
|
||||
&:disabled {
|
||||
@apply bg-transparent;
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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) => {
|
||||
|
|
|
@ -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`,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue