chat

listify-client/src/app/app.scss

@@ -103,6 +103,15 @@
   min-height: calc(100dvh - 56px);
 }
 
+.shell-workspace {
+  display: grid;
+  min-height: calc(100dvh - 56px);
+}
+
+.assistant-sidebar {
+  min-width: 0;
+}
+
 .shell .app-main {
   padding-bottom: calc(76px + env(safe-area-inset-bottom));
 }
@@ -189,6 +198,7 @@
 
   .shell,
   .shell-content,
+  .shell-workspace,
   .app-main {
     min-height: calc(100dvh - 64px);
   }
@@ -205,3 +215,16 @@
     display: none;
   }
 }
+
+@media (min-width: 1041px) {
+  .shell-workspace {
+    grid-template-columns: minmax(0, 1fr) 360px;
+    align-items: start;
+  }
+
+  .assistant-sidebar {
+    position: sticky;
+    top: 64px;
+    min-height: calc(100dvh - 64px);
+  }
+}