Add CSS grid container in the left sidebar layout

2026-05-23 03:27:44 +02:00
parent b00aaabbb1
commit 2ad95385d2
1 changed files with 18 additions and 5 deletions
@@ -3,8 +3,21 @@ import Sidebar from '@/features/sidebar/components/Sidebar.vue';
 </script>
 <template>
-    <Sidebar>
+    <div class="layout-container">
-        <slot name="sidebar" />
+        <div>
-    </Sidebar>
+            <Sidebar>
-    <slot />
+                <slot name="sidebar" />
            </Sidebar>
        </div>
        <div>
            <slot />
        </div>
    </div>
 </template>
 <style scoped>
 .layout-container {
    display: grid;
    grid-template-columns: minmax(auto, 340px) 1fr;
 }
 </style>