Skip to content

Commit 23423c2

Browse files
Use min() for modal top position (#2583)
Use min() for modal top position
1 parent 059c551 commit 23423c2

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

app/ui/lib/Modal.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export function Modal({
7070

7171
<AnimatedDialogContent
7272
className={cn(
73-
'pointer-events-auto fixed left-1/2 top-1/2 z-modal m-0 flex max-h-[min(800px,80vh)] w-full flex-col justify-between rounded-lg border p-0 bg-raise border-secondary elevation-2',
73+
'pointer-events-auto fixed left-1/2 top-[min(50%,500px)] z-modal m-0 flex max-h-[min(800px,80vh)] w-full flex-col justify-between rounded-lg border p-0 bg-raise border-secondary elevation-2',
7474
narrow ? 'max-w-[24rem]' : 'max-w-[28rem]'
7575
)}
7676
aria-labelledby={titleId}

0 commit comments

Comments
 (0)