From bb5704e2a9991aaaaa4bfd8187a33e3782e8697a Mon Sep 17 00:00:00 2001 From: cadamsdev Date: Sat, 7 Feb 2026 22:37:56 -0500 Subject: [PATCH 1/2] horizontally center main container --- desktop/src/App.vue | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/desktop/src/App.vue b/desktop/src/App.vue index c6dd13c..e94d49e 100644 --- a/desktop/src/App.vue +++ b/desktop/src/App.vue @@ -360,7 +360,10 @@ const editNote = async (id: number, content: string) => { .main-container { display: grid; - grid-template-columns: 380px 1fr; + grid-template-columns: 380px minmax(0, 986px); + justify-content: center; + max-width: 1366px; + margin: 0 auto; height: 100vh; overflow: hidden; } From 0f767097d7f49a4b26763188d4aa80ed960726ff Mon Sep 17 00:00:00 2001 From: cadamsdev Date: Sat, 7 Feb 2026 22:45:15 -0500 Subject: [PATCH 2/2] improve modal positioning --- desktop/src/components/ConfirmModal.vue | 3 ++- desktop/src/components/SettingsPanel.vue | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/desktop/src/components/ConfirmModal.vue b/desktop/src/components/ConfirmModal.vue index 4b60075..3c6ddba 100644 --- a/desktop/src/components/ConfirmModal.vue +++ b/desktop/src/components/ConfirmModal.vue @@ -92,9 +92,10 @@ const getIconPath = () => { inset: 0; z-index: 50; display: flex; - align-items: center; + align-items: flex-start; justify-content: center; padding: 1rem; + padding-top: 15vh; background-color: var(--color-background-overlay); } diff --git a/desktop/src/components/SettingsPanel.vue b/desktop/src/components/SettingsPanel.vue index ef97788..3af92bd 100644 --- a/desktop/src/components/SettingsPanel.vue +++ b/desktop/src/components/SettingsPanel.vue @@ -826,9 +826,10 @@ defineExpose({ openSettings }); inset: 0; z-index: 50; display: flex; - align-items: center; + align-items: flex-start; justify-content: center; padding: 1.5rem; + padding-top: 10vh; } .modal-overlay.conflict-modal,