admin-valentin/open-notebook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: enhance dialog content for fullscreen mode

Browse source 
- Added styles to ensure `.w-md-editor-fullscreen` behaves statically and adjusts height dynamically with `!static` and `!h-[calc(90vh-(var(--spacing)*41))]`.
This commit is contained in:
Antonio Gatta 2025-12-08 02:18:07 +01:00
parent eb67e33965
commit 45ac425484
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/ui/dialog.tsx
View file

@ -60,7 +60,7 @@ function DialogContent({
<DialogPrimitive.Content
data-slot="dialog-content"
className={cn(
"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:pointer-events-none fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-[calc(100%-2rem)] has-[.w-md-editor-fullscreen]:max-w-[calc(100%-2rem)] has-[.w-md-editor-fullscreen]:h-[90vh]",
"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:pointer-events-none fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-[calc(100%-2rem)] has-[.w-md-editor-fullscreen]:max-w-[calc(100%-2rem)] has-[.w-md-editor-fullscreen]:h-[90vh] [&_*:is(.w-md-editor-fullscreen)]:!static [&_*:is(.w-md-editor-fullscreen)]:!h-[calc(90vh-(var(--spacing)*41))]",
className
)}
{...props}