fix: pin the settings Save button below the scrollable body

This commit is contained in:
Pionxzh
2026-08-20 18:35:53 +08:00
parent 1388cdf31a
commit 25264ad249
+6 -5
View File
@@ -287,11 +287,12 @@ export const SettingDialog: FC<SettingDialogProps> = ({
</div>
</div>
</dl>
<div className="flex mt-6" style={{ justifyContent: 'flex-end' }}>
<Dialog.Close asChild>
<button className="Button green font-bold">{t('Save')}</button>
</Dialog.Close>
</div>
</div>
{/* Outside DialogBody so it stays pinned while the settings scroll */}
<div className="flex shrink-0 pt-4" style={{ justifyContent: 'flex-end' }}>
<Dialog.Close asChild>
<button className="Button green font-bold">{t('Save')}</button>
</Dialog.Close>
</div>
<Dialog.Close asChild>
<button className="IconButton CloseButton" aria-label="Close">