move main content padding CSS variables to the app wrapper

2026-06-04 13:38:23 +02:00
parent 98579b726b
commit 592eb7222f
1 changed files with 5 additions and 2 deletions
@@ -42,15 +42,18 @@ watch(colorScheme, val => updateColorScheme(val))
 </template>

 <style scoped>
-.main-content {
+#app-wrapper {
    --main-content-padding-x: 30px;
    --main-content-padding-y: 40px;
    --main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x);
+}
+
+.main-content {
    flex-grow: 1;
 }

@media (max-width: 48rem) {
-    .main-content {
+    #app-wrapper {
        --main-content-padding-x: 15px;
    }
 }