starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-26 19:31:25 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Lots more theme stuff

Browse Source
This commit is contained in:
Gregory Schier
2023-03-07 21:52:21 -08:00
parent 6575121902
commit 620dd7d3ef
16 changed files with 219 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src-web/components/Dialog.tsx
View File

@@ -28,14 +28,15 @@ export function Dialog({
<D.Root open={open} onOpenChange={onOpenChange}>
<D.Portal container={document.querySelector<HTMLElement>('#radix-portal')}>
<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }}>
<D.Overlay className="fixed inset-0 bg-gray-900 dark:bg-background opacity-80 shadow-lg" />
<D.Overlay className="fixed inset-0 bg-gray-900 dark:bg-black/50" />
<D.Content>
<div className={classnames(className, 'fixed inset-0 pointer-events-none')}>
<div className={classnames(className, 'fixed inset-0')}>
<div
className={classnames(
className,
'absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] bg-gray-50',
'absolute z-10 top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] bg-gray-100',
'w-[20rem] max-h-[80vh] p-5 rounded-lg overflow-auto',
'border border-gray-200 shadow-lg',
wide && 'w-[80vw] max-w-[50rem]',
)}
>