mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
export default {
|
|
slots: {
|
|
overlay: 'fixed inset-0 bg-(--ui-bg-elevated)/75',
|
|
content: 'fixed bg-(--ui-bg) divide-y divide-(--ui-border) flex flex-col focus:outline-none',
|
|
header: 'flex items-center gap-1.5 p-4 sm:px-6 min-h-16',
|
|
wrapper: '',
|
|
body: 'flex-1 overflow-y-auto p-4 sm:p-6',
|
|
footer: 'flex items-center gap-1.5 p-4 sm:px-6',
|
|
title: 'text-(--ui-text-highlighted) font-semibold',
|
|
description: 'mt-1 text-(--ui-text-muted) text-sm',
|
|
close: 'absolute top-4 end-4'
|
|
},
|
|
variants: {
|
|
transition: {
|
|
true: {
|
|
overlay: 'data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]',
|
|
content: 'data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]'
|
|
}
|
|
},
|
|
fullscreen: {
|
|
true: {
|
|
content: 'inset-0'
|
|
},
|
|
false: {
|
|
content: 'top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100vw-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)] rounded-[calc(var(--ui-radius)*2)] shadow-lg ring ring-(--ui-border)'
|
|
}
|
|
}
|
|
}
|
|
}
|