Revamped main layout

2024-08-29 17:41:58 +02:00
parent 386b714f3c
commit 67aefb8bd9
7 changed files with 136 additions and 59 deletions
--- a/app.vue
+++ b/app.vue
@@ -38,12 +38,20 @@ const useIdFunction = () => useId()

    <NuxtLayout>
      <ConfigProvider :use-id="useIdFunction">
-        <div class="h-full grid grid-cols-[auto_1fr]">
+        <div class="h-full grid grid-cols-[auto_1fr] dark:bg-black transition-colors">
          <Sidebar />

-          <NuxtPage/>
+          <div class="wrapper shadow-body-light dark:shadow-body-dark transition-all">
+            <NuxtPage />
+          </div>
        </div>
      </ConfigProvider>
    </NuxtLayout>
  </div>
 </template>
+
+<style lang="scss" scoped>
+.wrapper > * {
+  height: 100%;
+}
+</style>