LLM/moltbot
1
0
Fork 0
mirror of https://github.com/moltbot/moltbot.git synced 2026-03-07 14:34:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(chat): UI: add mobile layout for chat compose actions

Browse Source 
- 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
This commit is contained in:
Junyi
2026-02-07 21:48:14 +08:00
committed by Ayaan Zaidi
parent b786d11fea
commit 7b4fe6d9bc
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ui/src/styles/chat/layout.css
View File

@@ -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;