From 9691e75e36397e219ef6696a8cb89a6590c497c7 Mon Sep 17 00:00:00 2001
From: Momentry Studio <admin@momentry.local>
Date: Sat, 25 Jul 2026 20:29:35 +0800
Subject: [PATCH] fix: use height:100% on sidebar/main (resolves to parent
 content height)

---
 src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5806e70..410bb73 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -194,7 +194,7 @@ html, body { height: 100%; margin: 0; }
 <style scoped>
 * { margin: 0; padding: 0; box-sizing: border-box; }
 #app, .ms-app { background: var(--background-color) !important; display: flex; max-width: 1400px; margin: 0 auto; padding: 28px; gap: 0; height: 100vh; box-sizing: border-box; }
-.ms-side { width: 240px; min-width: 240px; background: var(--card-background) !important; border-radius: 18px; padding: 18px 14px; box-shadow: var(--shadow); display: flex; flex-direction: column; position: relative; overflow: visible; height: calc(100vh - 56px); }
+.ms-side { width: 240px; min-width: 240px; background: var(--card-background) !important; border-radius: 18px; padding: 18px 14px; box-shadow: var(--shadow); display: flex; flex-direction: column; position: relative; overflow: visible; height: 100%; }
 .ms-side.collapsed { align-items: center; padding: 18px 8px; }
 .ms-side.collapsed .gs-nav { align-items: center; width: 100%; }
 .ms-side.collapsed .gs-nav-item { justify-content: center; padding: 0; width: 44px; }
@@ -232,6 +232,6 @@ html, body { height: 100%; margin: 0; }
 .gs-logout-btn:hover { color: var(--danger-color); border-color: var(--danger-color); background: var(--danger-background); }
 .gs-login-link { font-size: 12px; color: var(--text-secondary); text-decoration: none; }
 .gs-login-link:hover { color: var(--text-primary); }
-.ms-main { flex: 1; min-width: 0; background: var(--card-background) !important; border-radius: 18px; padding: 36px 42px; overflow-y: auto; overflow-x: hidden; height: calc(100vh - 56px); }
+.ms-main { flex: 1; min-width: 0; background: var(--card-background) !important; border-radius: 18px; padding: 36px 42px; overflow-y: auto; overflow-x: hidden; height: 100%; }
 .ms-content { max-width: 1200px; }
 </style>