style chat grid

2024-07-20 13:30:01 +02:00
parent d9f0f400f8
commit 6b269719a1
6 changed files with 79 additions and 5 deletions
@@ -30,6 +30,15 @@
  scroll-snap-align: center;
 }

+#home-page #chat-grid {
+  margin-top: var(--content-padding);
+
+  display: grid;
+  gap: var(--gap-between-tiles);
+
+  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+}
+
@media (min-width: 640px) {
  #home-page #overview-section {
    width: 20rem;
@@ -47,6 +56,10 @@
    gap: 8rem;
  }

+  #home-page #chat-grid {
+    margin-top: 3rem;
+  }
+
  #home-page #overview-section {
    width: var(--max-input-width);
    min-width: var(--max-input-width);