design: mobile-friendly DeepSeek-style chat UI

2026-02-11 16:08:54 +01:00
parent a9d16f508f
commit f6e2ef5dcb
3 changed files with 241 additions and 128 deletions
@@ -230,3 +230,46 @@
 .btn-delete:hover {
  background: rgba(255, 107, 107, 0.2);
 }
+
+@media (max-width: 600px) {
+  .stories-page {
+    padding: 1rem;
+  }
+
+  .stories-header h1 {
+    font-size: 1.75rem;
+  }
+
+  .stories-header p {
+    font-size: 0.95rem;
+  }
+
+  .stories-controls {
+    flex-direction: column;
+  }
+
+  .search-input {
+    min-width: 100%;
+  }
+
+  .create-btn {
+    text-align: center;
+  }
+
+  .stories-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .story-card {
+    padding: 1rem;
+  }
+
+  .story-info h2 {
+    font-size: 1.1rem;
+  }
+
+  .story-meta {
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+}