rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: add scrollbar to modals

Browse source
This commit is contained in:
swve 2024-02-04 19:07:10 +01:00
parent e53044e42c
commit 58385e4183
1 changed files with 1 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
apps/web/components/StyledElements/Modal/Modal.tsx
View file

@ -27,7 +27,7 @@ const Modal = (params: ModalParams) => (
<Dialog.Portal> <Dialog.Portal>
<DialogOverlay /> <DialogOverlay />
<DialogContent minHeight={params.minHeight}> <DialogContent className='overflow-auto scrollbar-w-2 scrollbar-h-2 scrollbar scrollbar-thumb-black/20 scrollbar-thumb-rounded-full scrollbar-track-rounded-full' minHeight={params.minHeight}>
<DialogTopBar className='-space-y-1'> <DialogTopBar className='-space-y-1'>
<DialogTitle>{params.dialogTitle}</DialogTitle> <DialogTitle>{params.dialogTitle}</DialogTitle>
<DialogDescription> <DialogDescription>
@ -118,7 +118,6 @@ const DialogContent = styled(Dialog.Content, {
left: '50%', left: '50%',
transform: 'translate(-50%, -50%)', transform: 'translate(-50%, -50%)',
width: '90vw', width: '90vw',
overflow: 'hidden',
maxHeight: '85vh', maxHeight: '85vh',
minHeight: '300px', minHeight: '300px',
maxWidth: '600px', maxWidth: '600px',