Skip to content

Commit

Permalink
Make modals always full width (and a bit narrower)
Browse files Browse the repository at this point in the history
  • Loading branch information
benjaminleonard committed Nov 26, 2024
1 parent 23ce2be commit ae72684
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions app/ui/lib/Modal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -70,8 +70,8 @@ export function Modal({

<AnimatedDialogContent
className={cn(
'pointer-events-auto fixed left-1/2 top-1/2 z-modal m-0 flex max-h-[min(800px,80vh)] w-auto min-w-[24rem] flex-col justify-between rounded-lg border p-0 bg-raise border-secondary elevation-2',
narrow ? 'max-w-[24rem]' : 'max-w-[32rem]'
'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',
narrow ? 'max-w-[24rem]' : 'max-w-[28rem]'
)}
aria-labelledby={titleId}
style={{
Expand Down

0 comments on commit ae72684

Please sign in to comment.