Coder/deepseek-harness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): align the sidebar rail and topbar controls on one geometry

Browse Source 
Every sidebar section now shares the same horizontal inset, so the
primary action, module nav, search field, and session rows start and
end on identical lines with one control height and one radius. Topbar
controls share one row height, and the round send-button style no
longer leaks onto the cancel button.
This commit is contained in:
NI0317
2026-07-19 21:14:39 +08:00
parent 96076606df
commit 97df884937
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/ui/desktop/src/styles.css
View File

@@ -199,7 +199,7 @@ summary:focus-visible {
}
.primary-actions {
padding: 0 4px 12px;
padding: 0 8px 12px;
}
.primary-action {
@@ -209,7 +209,7 @@ summary:focus-visible {
width: 100%;
height: var(--control-lg);
padding: 0 10px;
border-radius: var(--radius-sm);
border-radius: var(--radius-md);
background: #20201f;
color: #fff;
font-weight: 650;
@@ -242,7 +242,7 @@ kbd {
}
.product-nav {
padding-bottom: 14px;
padding: 0 8px 14px;
}
.module-button,
@@ -326,9 +326,9 @@ kbd {
.session-search input {
width: 100%;
height: var(--control-lg);
padding: 0 9px;
padding: 0 10px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: var(--radius-sm);
border-radius: var(--radius-md);
background: rgba(255, 255, 255, 0.56);
outline: none;
}
@@ -336,6 +336,7 @@ kbd {
.session-group {
min-height: 0;
margin-bottom: 14px;
padding: 0 8px;
}
.session-group:last-of-type {
@@ -344,7 +345,7 @@ kbd {
}
.group-title {
padding: 0 8px 5px;
padding: 0 0 5px;
color: var(--faint);
font-size: 11px;
font-weight: 720;
@@ -454,15 +455,15 @@ kbd {
.surface-switcher {
display: flex;
gap: 3px;
padding: 3px;
gap: 2px;
padding: 2px;
border: 1px solid var(--line);
border-radius: var(--radius-md);
background: var(--paper-soft);
}
.surface-switcher button {
height: calc(var(--control-lg) - 6px);
height: calc(var(--control-md) - 6px);
padding: 0 10px;
border-radius: var(--radius-sm);
color: var(--muted);
@@ -1734,10 +1735,10 @@ pre {
display: none;
}
.composer-meta button {
.composer-meta .send-button {
display: grid;
width: 36px;
height: 36px;
width: var(--control-xl);
height: var(--control-xl);
place-items: center;
padding: 0;
border-radius: 999px;