BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance mobile view for model controls

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2025-12-15 03:04:46 +02:00
parent bd25787b92
commit 05deb79107
4 changed files with 48 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/index.css
+16 -3
View File
@@ -1266,19 +1266,32 @@ html:not(.dark) .chat-scroll {
font-size: inherit !important;
}
/* Model/agent controls: collapse labels in narrow containers (mobile + VSCode side panel). */
@container model-controls (max-width: 15rem) {
/* Model/agent controls: agent label hides before model label. */
@container model-controls (max-width: 11rem) {
.model-controls__agent-label {
display: none;
}
}
@container model-controls (max-width: 12rem) {
@container model-controls (max-width: 9rem) {
.model-controls__model-label {
display: none;
}
}
/* VS Code side panel: collapse earlier to save horizontal space. */
@container model-controls (max-width: 9rem) {
:root.vscode-runtime .model-controls__agent-label {
display: none;
}
}
@container model-controls (max-width: 10rem) {
:root.vscode-runtime .model-controls__model-label {
display: none;
}
}
/* Text font: IBM Plex Sans */
.streamdown-content {
font-family: var(--font-sans);