fix dialog overflow

Author: rinick

apps/web/src/app/App.tsx

@@ -769,6 +769,7 @@ export function App() {
 
     if (getNodeAtPath(document, targetPath).children.length > 0) {
       Modal.confirm({
+        centered: true,
         title: t('deleteBranchConfirmTitle'),
         content: t('deleteBranchConfirmContent'),
         okText: t('ok'),
@@ -784,6 +785,7 @@ export function App() {
 
   function handlePruneBranch(targetPath = path): void {
     Modal.confirm({
+      centered: true,
       title: t('pruneBranchConfirmTitle'),
       content: t('pruneBranchConfirmContent'),
       okText: t('pruneBranch'),

apps/web/src/features/app-shell/AppStatusModals.tsx

@@ -19,6 +19,7 @@ export function AppStatusModals({
   return (
     <>
       <Modal
+        centered
         open={googleDrivePending != null}
         title={t('googleDrive')}
         footer={
@@ -33,6 +34,7 @@ export function AppStatusModals({
         {googleDrivePending === 'open' ? t('googleDriveOpenWaiting') : t('googleDriveSaveWaiting')}
       </Modal>
       <Modal
+        centered
         open={kataGoAutotuningOpen}
         title={t('katagoAutotuning')}
         footer={

apps/web/src/features/files/promptSaveFileName.tsx

@@ -18,6 +18,7 @@ export function promptSaveFileName({
 
   return new Promise((resolve) => {
     Modal.confirm({
+      centered: true,
       title,
       icon: null,
       content: (

apps/web/src/features/game-info/GameInfoModal.tsx

@@ -38,6 +38,7 @@ export function GameInfoModal({open, values, onCancel, onSave}: GameInfoModalPro
 
   return (
     <Modal
+      centered
       title={t('gameInformation')}
       open={open}
       onCancel={onCancel}

apps/web/src/features/katago/KataGoSettingsModal.tsx

@@ -107,6 +107,7 @@ export function KataGoSettingsModal({open, onCancel, onCurrentAssetUninstalled}:
       message.success(t('katagoSettingsSaved'));
       if (!inventory.katago.some((asset) => asset.installed) || !inventory.models.some((asset) => asset.installed)) {
         Modal.warning({
+          centered: true,
           title: t('aiAnalysisUnavailableTitle'),
           content: t('aiAnalysisUnavailableContent'),
           onOk: onCancel,
@@ -223,6 +224,7 @@ export function KataGoSettingsModal({open, onCancel, onCurrentAssetUninstalled}:
 
   return (
     <Modal
+      centered
       title={t('aiConfig')}
       open={open}
       onCancel={onCancel}

apps/web/src/features/settings/SettingsModal.tsx

@@ -88,7 +88,7 @@ export function SettingsModal({
   }
 
   return (
-    <Modal title={t('settings')} open={open} onCancel={onCancel} footer={null} width={420} destroyOnHidden>
+    <Modal centered title={t('settings')} open={open} onCancel={onCancel} footer={null} width={420} destroyOnHidden>
       <Button block onClick={onKeyboardShortcutsClick}>
         {t('keyboardShortcuts')}
       </Button>

apps/web/src/features/shortcuts/KeyboardShortcutsModal.tsx

@@ -73,6 +73,7 @@ export function KeyboardShortcutsModal({
 
   return (
     <Modal
+      centered
       title={t('keyboardShortcuts')}
       open={open}
       onCancel={onCancel}

apps/web/src/styles/global.css

@@ -123,6 +123,24 @@ textarea,
   width: 100px;
 }
 
+.ant-modal {
+  padding-bottom: 0;
+}
+
+.ant-modal .ant-modal-content {
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100dvh - 24px);
+  overflow: hidden;
+}
+
+.ant-modal .ant-modal-body {
+  flex: 1;
+  max-height: calc(100dvh - 112px);
+  min-height: 0;
+  overflow-y: auto;
+}
+
 .keyboard-shortcuts-list {
   display: grid;
   gap: 6px;
@@ -1086,4 +1104,3 @@ button.ant-btn.left-panel-toggle {
     min-width: max-content !important;
   }
 }
-