style(UI): improve mobile chat layout (#60220)

* UI: improve mobile chat layout

* change .chat-group-messages min-width: from 604 to 602

* UI: fix chat-group-messages overflow in split-view and mobile layouts

* UI: revert chat.css import order in styles.css and components.css

* UI: simplify mobile chat layout overrides in grouped.css

* ui: move .chat and .chat-thread styles to chat/layout.css

* fix: document mobile chat layout improvements

* fix: improve narrow mobile chat width

---------

Co-authored-by: Altay <altay@uinaf.dev>
This commit is contained in:
Xi Qi
2026-04-05 06:05:48 +08:00
committed by GitHub
parent 9d7fe7cdd2
commit 334c4be73e
5 changed files with 40 additions and 32 deletions

View File

@@ -2380,12 +2380,6 @@ td.data-table-key-col {
Chat
=========================================== */
.chat {
display: flex;
flex-direction: column;
min-height: 0;
}
.shell--chat .chat {
flex: 1;
}
@@ -2416,22 +2410,6 @@ td.data-table-key-col {
min-width: 240px;
}
.chat-thread {
margin-top: 0;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
padding: 0 12px 16px;
min-width: 0;
border-radius: 0;
border: none;
background: transparent;
}
/* Chat queue */
.chat-queue {
margin-top: 12px;