mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-26 01:40:34 +01:00
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
export default {
|
|
wrapper: 'fixed inset-0 flex z-50',
|
|
overlay: {
|
|
base: 'fixed inset-0 transition-opacity',
|
|
background: 'bg-gray-200/75 dark:bg-gray-800/75',
|
|
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
|
|
transition: {
|
|
enter: 'ease-in-out duration-500',
|
|
enterFrom: 'opacity-0',
|
|
enterTo: 'opacity-100',
|
|
leave: 'ease-in-out duration-500',
|
|
leaveFrom: 'opacity-100',
|
|
leaveTo: 'opacity-0'
|
|
}
|
|
},
|
|
base: 'relative flex-1 flex flex-col w-full focus:outline-none',
|
|
background: 'bg-white dark:bg-gray-900',
|
|
ring: '',
|
|
rounded: '',
|
|
padding: '',
|
|
shadow: 'shadow-xl',
|
|
width: 'w-screen max-w-md',
|
|
translate: {
|
|
base: 'translate-x-0',
|
|
left: '-translate-x-full rtl:translate-x-full',
|
|
right: 'translate-x-full rtl:-translate-x-full'
|
|
},
|
|
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
|
|
transition: {
|
|
enter: 'transform transition ease-in-out duration-300',
|
|
leave: 'transform transition ease-in-out duration-200'
|
|
}
|
|
}
|