arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-19 06:21:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(Modal): improve spacing

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-18 17:18:35 +01:00
parent d73a16f551
commit 73880f798d
4 changed files with 52 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/theme/modal.ts
View File

@@ -1,26 +1,15 @@
export default {
slots: {
overlay: 'fixed inset-0 z-30 bg-gray-200/75 dark:bg-gray-800/75',
content: 'fixed z-50 w-full h-dvh bg-white dark:bg-gray-900 focus:outline-none',
header: 'p-4 sm:px-6',
content: 'fixed z-50 w-full h-dvh bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-800 flex flex-col focus:outline-none',
header: 'px-4 py-5 sm:px-6',
body: 'flex-1 p-4 sm:p-6',
footer: 'flex items-center gap-x-1.5 p-4 sm:px-6',
title: 'text-gray-900 dark:text-white font-semibold',
description: 'mt-1 text-gray-500 dark:text-gray-400 text-sm',
close: 'absolute top-3 right-4'
close: 'absolute top-4 right-4'
},
variants: {
footer: {
true: {
header: 'pb-0'
}
},
body: {
true: {
header: 'pb-0',
footer: 'pt-0'
}
},
transition: {
true: {
overlay: 'data-[state=open]:animate-[modal-overlay-open_200ms_ease-out] data-[state=closed]:animate-[modal-overlay-closed_200ms_ease-in]',