Refactor base layout: implement responsive navbar with scroll shrink effect, revamp sidebar structure and styles, and refine footer.

theme/static_src/src/styles.css

@@ -22,18 +22,56 @@
 }
 
 @layer utilities {
-    .navbar-small {
+
+
+    /*.navbar-small {
     }
 
     .navbar-small > div {
-        @apply py-1;
+        @apply py-2;
     }
 
     .navbar-small h1 {
         @apply text-lg;
     }
 
+    .navbar-small > div img {
+        @apply max-h-8;
+    }
+
     .navbar-small nav {
         @apply text-base;
     }
+
+    .navbar-small nav div.avatar > div {
+        @apply w-6;
+        @apply text-xs;
+    }*/
+
+/*    #sidebar {
+        @apply flex flex-row gap-4 lg:flex-col;
+        @apply lg:min-w-64;
+        @apply mx-auto lg:mx-0;
+    }
+
+    !* Each section is a group, stacked title + items *!
+    #sidebar > div.section {
+        @apply flex flex-col gap-2;
+    }
+
+    !* Title stays simple, click/hover target *!
+    #sidebar > div.section > div.section-title {
+        @apply cursor-pointer;
+    }
+
+    !* Items: - small: hidden by default, show on hover - large: flex as in your original design *!
+    #sidebar > div.section > div.section-items {
+        @apply hidden group-hover:flex flex-col gap-2;
+        @apply bg-red-600;
+        @apply lg:flex;
+    }
+
+    #sidebar > div.section.open > div.section-items {
+        @apply flex;
+    }*/
 }