sue/web-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: upload latest web source changes

Browse Source
This commit is contained in:
sue
2026-03-03 22:16:16 +08:00
parent caf11b406a
commit 429c5b44ac
20 changed files with 12505 additions and 503 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/App.css
View File

@@ -124,6 +124,17 @@
flex-direction: row;
background: var(--md-surface);
overflow: hidden;
min-width: 0;
min-height: 0;
}
.modal-control-layout {
height: 100%;
display: flex;
flex-direction: row;
background: var(--md-surface-container-lowest);
min-width: 0;
min-height: 0;
}
/* Control screen area */
@@ -133,10 +144,22 @@
height: 100%;
border-right: 1px solid var(--md-outline-variant);
background: var(--md-surface-container-lowest);
flex-shrink: 0;
flex: 0 0 clamp(420px, 58vw, 980px);
width: clamp(420px, 58vw, 980px);
min-width: 360px;
max-width: 70vw;
min-height: 0;
overflow: hidden;
}
@media (max-width: 1366px) {
.control-screen-area {
flex-basis: clamp(360px, 60vw, 860px);
width: clamp(360px, 60vw, 860px);
max-width: 72vw;
}
}
/* Toolbar */
.control-toolbar {
padding: 6px 12px;
@@ -171,6 +194,7 @@
flex-direction: row;
flex: 1;
min-height: 0;
min-width: 0;
overflow: hidden;
}
@@ -182,6 +206,8 @@
background: var(--md-surface-container-low);
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
}
.device-screen-panel {
@@ -191,6 +217,34 @@
background: var(--md-surface-container);
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
}
@media (max-width: 960px) {
.standalone-control-page {
flex-direction: column;
}
.modal-control-layout {
flex-direction: column;
}
.control-screen-area {
flex: 0 0 55vh;
width: 100%;
max-width: 100%;
min-width: 0;
height: 55vh;
border-right: none;
border-bottom: 1px solid var(--md-outline-variant);
}
.screen-reader-row {
flex-direction: column;
}
.screen-reader-panel,
.device-screen-panel {
width: 100% !important;
height: 50%;
}
}
/* Text input bar */