style: add responsive CSS tweaks for very narrow screens, mobile fullscreen windows, and safe-area toast positioning

2026-06-09 17:26:34 +00:00
parent 671c42316b
commit c89dbaf41e
9 changed files with 78 additions and 42 deletions
@@ -265,6 +265,22 @@
    }
 }

+@media (max-width: 360px) {
+    .messages-thread {
+        padding: 0.75rem;
+    }
+
+    .messages-input-area {
+        padding: 0.5rem 0.75rem;
+    }
+
+    .message-bubble {
+        max-width: 85%;
+        padding: 0.5rem 0.75rem;
+        font-size: 0.8125rem;
+    }
+}
+
@media (hover: none) and (pointer: coarse) {
    .messages-send-btn {
        width: 44px;