LaconicNetwork/vega-frontend-monorepo
3
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix dark light colors of dialog

Browse Source
This commit is contained in:
Matthew Russell 2022-03-10 15:03:36 -08:00
parent a47e4526bb
commit f10cdf491d
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
libs/ui-toolkit/src/components/dialog/index.tsx
View File

@ -12,8 +12,8 @@ export function Dialog({ children, open, setOpen, title }: DialogProps) {
return ( return (
<DialogPrimitives.Root open={open} onOpenChange={(x) => setOpen(x)}> <DialogPrimitives.Root open={open} onOpenChange={(x) => setOpen(x)}>
<DialogPrimitives.Portal> <DialogPrimitives.Portal>
<DialogPrimitives.Overlay className="fixed inset-0 bg-black opacity-20" /> <DialogPrimitives.Overlay className="fixed inset-0 bg-black dark:bg-white opacity-40 dark:opacity-15" />
<DialogPrimitives.Content className="fixed w-[500px] bg-white top-40 p-28 left-[calc(50%-250px)]"> <DialogPrimitives.Content className="fixed w-[500px] top-40 p-28 left-[calc(50%-250px)] dark:bg-black dark:text-white-60 bg-white text-black-60">
{title && <h1 className="text-h5 mb-12">{title}</h1>} {title && <h1 className="text-h5 mb-12">{title}</h1>}
{children} {children}
</DialogPrimitives.Content> </DialogPrimitives.Content>