Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: restore full-height flex layout after dark mode wrapper

Browse Source
This commit is contained in:
Johannes D. Vos
2026-05-15 10:21:30 +02:00
parent 67adb17936
commit 488186d795
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+6 -1
View File
@@ -25,7 +25,7 @@ watch(isDark, val => localStorage.setItem('theme', val ? 'dark' : 'light'));
</script> </script>
<template> <template>
<div :class="{ dark: isDark }"> <div :class="{ dark: isDark }" class="app-wrapper">
<Navbar /> <Navbar />
<div class="main-content"> <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); width: calc(100% - var(--main-content-padding-x) * 2);
flex-grow: 1; flex-grow: 1;
} }
.app-wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
</style> </style>