From 4ee5bf13e84b94756c1060ed95a729732c2857f4 Mon Sep 17 00:00:00 2001 From: marlon-erler Date: Fri, 10 Apr 2026 19:24:58 +0000 Subject: [PATCH] fix modal centering --- dist/index.css | 7 +++---- src/View/Components/splitModal.css | 7 +++---- src/View/Modals/settingsModal.tsx | 2 +- 3 files changed, 7 insertions(+), 9 deletions(-) diff --git a/dist/index.css b/dist/index.css index f62eb953..984619b4 100644 --- a/dist/index.css +++ b/dist/index.css @@ -875,12 +875,11 @@ body[showing-chat] #chat-page-wrapper { display: flex; flex-direction: column; align-items: stretch; - justify-content: safe center; -} -.split-modal[navigation] > div, -.split-modal[navigation] > div > .scroll-area { justify-content: start; } +.split-modal[navigation]:not([page-open]) > div { + justify-content: safe center; +} .split-modal[navigation] > div { min-width: 100%; } diff --git a/src/View/Components/splitModal.css b/src/View/Components/splitModal.css index 73141820..ac82f3ed 100644 --- a/src/View/Components/splitModal.css +++ b/src/View/Components/splitModal.css @@ -30,12 +30,11 @@ flex-direction: column; align-items: stretch; - justify-content: safe center; + justify-content: start; } -.split-modal[navigation] > div, -.split-modal[navigation] > div > .scroll-area { - justify-content: start; +.split-modal[navigation]:not([page-open]) > div { + justify-content: safe center; } .split-modal[navigation] > div { diff --git a/src/View/Modals/settingsModal.tsx b/src/View/Modals/settingsModal.tsx index 8fe7ee72..4909c737 100644 --- a/src/View/Modals/settingsModal.tsx +++ b/src/View/Modals/settingsModal.tsx @@ -109,7 +109,7 @@ function SettingsPaneButton( label, settingsViewModel.selectedModalPage, page, - true + true, ); }