From 7b4fe6d9bc85483c1820b33548e80715cc4cb64b Mon Sep 17 00:00:00 2001
From: Junyi <zjy220124@alibaba-inc.com>
Date: Sat, 7 Feb 2026 21:48:14 +0800
Subject: [PATCH] style(chat): UI: add mobile layout for chat compose actions

- Stack chat compose row vertically on mobile (max-width: 640px)
- Change action buttons to vertical layout with full width
- Improve mobile UX for send and session control buttons
---
 ui/src/styles/chat/layout.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/ui/src/styles/chat/layout.css b/ui/src/styles/chat/layout.css
index 4a5c4cdfa46..25fa6742b4a 100644
--- a/ui/src/styles/chat/layout.css
+++ b/ui/src/styles/chat/layout.css
@@ -452,6 +452,24 @@
     grid-template-columns: 1fr;
   }
 
+  /* Mobile: stack compose row vertically */
+  .chat-compose__row {
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  /* Mobile: stack action buttons vertically */
+  .chat-compose__actions {
+    flex-direction: column;
+    width: 100%;
+    gap: 8px;
+  }
+
+  /* Mobile: full-width buttons */
+  .chat-compose .chat-compose__actions .btn {
+    width: 100%;
+  }
+
   .chat-controls {
     flex-wrap: wrap;
     gap: 8px;