p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(dialog/DialogContent): make DialogContent use flex

Browse Source
This commit is contained in:
p-sw 2024-07-12 18:26:58 +09:00
parent 8c2986700e
commit 13f1d9def3
1 changed files with 1 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/react/components/Dialog/Component.tsx
View File

@ -144,21 +144,15 @@ DialogOverlay.displayName = "DialogOverlay";
*/ */
const [dialogContentVariant, resolveDialogContentVariant] = vcn({ const [dialogContentVariant, resolveDialogContentVariant] = vcn({
base: "transition-transform duration-300 bg-white dark:bg-black border border-neutral-200 dark:border-neutral-800 p-6 w-full max-w-xl rounded-md space-y-6", base: "transition-transform duration-300 bg-white dark:bg-black border border-neutral-200 dark:border-neutral-800 p-6 w-full max-w-xl rounded-md flex flex-col justify-start items-start gap-6",
variants: { variants: {
opened: { opened: {
true: "scale-100", true: "scale-100",
false: "scale-50", false: "scale-50",
}, },
gap: {
sm: "space-y-4",
md: "space-y-6",
lg: "space-y-8",
},
}, },
defaults: { defaults: {
opened: false, opened: false,
gap: "md",
}, },
}); });