fix(desktop): lock appbar to edge

This commit is contained in:
2026-07-25 20:14:58 +08:00
parent 1e1718caee
commit 81ffe64446
5 changed files with 13 additions and 118 deletions

View File

@@ -17,19 +17,16 @@ button, input, textarea { font: inherit; }
button { color: inherit; }
.mini-shell {
width: min(100%, 440px);
width: 100%;
height: 100vh;
display: grid;
grid-template-rows: 44px 50px 58px minmax(0, 1fr) 28px;
overflow: hidden;
background: var(--canvas);
border: 1px solid rgba(78, 89, 105, 0.18);
box-shadow: 0 20px 60px rgba(29, 33, 41, 0.18);
border: 0;
box-shadow: none;
}
html[data-dock="right"] .mini-shell { margin-left: auto; }
html[data-dock="left"] .mini-shell { margin-right: auto; }
.mini-header,
.project-switcher,
.mini-nav,
@@ -47,7 +44,6 @@ html[data-dock="left"] .mini-shell { margin-right: auto; }
}
.mini-brand,
.window-actions,
.project-trigger,
.mini-footer,
.section-title,
@@ -63,9 +59,6 @@ html[data-dock="left"] .mini-shell { margin-right: auto; }
.mini-brand { gap: 7px; font-weight: 800; }
.mini-brand img { width: 25px; height: 25px; }
.mini-brand .arco-tag { margin-left: 2px; }
.window-actions { gap: 2px; }
.window-actions .arco-btn { color: #6b778c; }
.window-actions .active { color: var(--blue); background: #edf3ff; }
.project-switcher {
display: grid;
@@ -236,14 +229,7 @@ html[data-dock="left"] .mini-shell { margin-right: auto; }
.mini-form { display: grid; gap: 13px; }
.mini-form .arco-select { width: 100%; }
@media (min-width: 700px) {
body { display: flex; }
html[data-dock="right"] body { justify-content: flex-end; }
html[data-dock="left"] body { justify-content: flex-start; }
}
@media (max-width: 359px) {
.mini-shell { border: 0; }
.mini-brand .arco-tag { display: none; }
.note-grid, .expert-strip { grid-template-columns: 1fr; }
}