From 2ad95385d20b4da00c9fe9aada1520e0257e6bd8 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Sat, 23 May 2026 03:27:44 +0200
Subject: [PATCH] Add CSS grid container in the left sidebar layout

---
 src/layouts/LeftSidebarLayout.vue | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/layouts/LeftSidebarLayout.vue b/src/layouts/LeftSidebarLayout.vue
index 8f1f4e2..cebf224 100644
--- a/src/layouts/LeftSidebarLayout.vue
+++ b/src/layouts/LeftSidebarLayout.vue
@@ -3,8 +3,21 @@ import Sidebar from '@/features/sidebar/components/Sidebar.vue';
 </script>
 
 <template>
-    <Sidebar>
-        <slot name="sidebar" />
-    </Sidebar>
-    <slot />
-</template>
\ No newline at end of file
+    <div class="layout-container">
+        <div>
+            <Sidebar>
+                <slot name="sidebar" />
+            </Sidebar>
+        </div>
+        <div>
+            <slot />
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.layout-container {
+    display: grid;
+    grid-template-columns: minmax(auto, 340px) 1fr;
+}
+</style>
\ No newline at end of file