fix: add scrolling to settings dialog

src/ui/Dialog.css

@@ -46,6 +46,13 @@
     flex-shrink: 0;
 }
 
+.DialogBody {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
 .dark .DialogTitle {
     color: #fff;
 }

src/ui/SettingDialog.tsx

@@ -64,7 +64,7 @@ export const SettingDialog: FC<SettingDialogProps> = ({
                 <Dialog.Overlay className="DialogOverlay" />
                 <Dialog.Content className="DialogContent">
                     <Dialog.Title className="DialogTitle">{t('Exporter Settings')}</Dialog.Title>
-
+                    <div className="DialogBody">
                         <dl className="space-y-6">
                             <div className="relative flex bg-white dark:bg-white/5 rounded p-4">
                                 <div>
@@ -278,6 +278,7 @@ export const SettingDialog: FC<SettingDialogProps> = ({
                                 <button className="Button green font-bold">{t('Save')}</button>
                             </Dialog.Close>
                         </div>
+                    </div>
                     <Dialog.Close asChild>
                         <button className="IconButton CloseButton" aria-label="Close">
                             <IconCross />