From 488186d795deb6abc19c44dda13ac0b4f72eb72e Mon Sep 17 00:00:00 2001
From: "johannes.vos" <johannes.d.vos@web.de>
Date: Fri, 15 May 2026 10:21:30 +0200
Subject: [PATCH] fix: restore full-height flex layout after dark mode wrapper

---
 src/App.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index daa0c52..b1f8dc2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,7 +25,7 @@ watch(isDark, val => localStorage.setItem('theme', val ? 'dark' : 'light'));
 </script>
 
 <template>
-    <div :class="{ dark: isDark }">
+    <div :class="{ dark: isDark }" class="app-wrapper">
         <Navbar />
 
         <div class="main-content">
@@ -44,4 +44,9 @@ watch(isDark, val => localStorage.setItem('theme', val ? 'dark' : 'light'));
     width: calc(100% - var(--main-content-padding-x) * 2);
     flex-grow: 1;
 }
+.app-wrapper {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
 </style>
\ No newline at end of file