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
@@ -678,6 +678,8 @@
@media (max-width: 600px) {
  .create-story-page {
    padding: 1rem;
+    padding-top: max(1rem, env(safe-area-inset-top));
+    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }

  .form-section {
@@ -705,4 +707,19 @@
  .language-btn {
    text-align: center;
  }
+
+  /* Temperature selector - вертикальный на мобильных */
+  .temperature-selector {
+    flex-direction: column;
+  }
+
+  .temp-btn {
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 0.75rem 1rem;
+  }
+
+  .temp-label {
+    font-size: 0.9rem;
+  }
 }