style: use shared WebUI foundation tokens

This commit is contained in:
2026-08-18 21:32:50 +02:00
parent 1a042593d5
commit cc13bcf45e
+9 -9
View File
@@ -7,7 +7,7 @@
height: 34px; height: 34px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid var(--control-border); border: 1px solid var(--control-border);
border-radius: 4px; border-radius: var(--radius-sm);
background: var(--control-bg); background: var(--control-bg);
color: var(--muted); color: var(--muted);
padding: 0 8px; padding: 0 8px;
@@ -41,7 +41,7 @@
width: 24px; width: 24px;
height: 24px; height: 24px;
border: 0; border: 0;
border-radius: 3px; border-radius: var(--radius-tight);
background: transparent; background: transparent;
color: var(--muted); color: var(--muted);
cursor: pointer; cursor: pointer;
@@ -109,7 +109,7 @@
margin-top: 8px; margin-top: 8px;
overflow: hidden; overflow: hidden;
border: var(--border-line); border: var(--border-line);
border-radius: 6px; border-radius: var(--radius-compact);
background: var(--surface); background: var(--surface);
box-shadow: var(--shadow-strong); box-shadow: var(--shadow-strong);
} }
@@ -185,7 +185,7 @@
height: 38px; height: 38px;
flex: 1 1 520px; flex: 1 1 520px;
border: 1px solid var(--control-border); border: 1px solid var(--control-border);
border-radius: 4px; border-radius: var(--radius-sm);
background: var(--control-bg); background: var(--control-bg);
color: var(--muted); color: var(--muted);
padding-left: 10px; padding-left: 10px;
@@ -249,7 +249,7 @@
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
border: var(--border-line); border: var(--border-line);
border-radius: 6px; border-radius: var(--radius-compact);
background: var(--surface); background: var(--surface);
box-shadow: var(--shadow-menu); box-shadow: var(--shadow-menu);
} }
@@ -311,7 +311,7 @@
align-items: center; align-items: center;
gap: 8px; gap: 8px;
min-height: 31px; min-height: 31px;
border-radius: 4px; border-radius: var(--radius-sm);
cursor: pointer; cursor: pointer;
padding: 4px 7px; padding: 4px 7px;
color: var(--text); color: var(--text);
@@ -346,7 +346,7 @@
gap: 6px; gap: 6px;
min-height: 27px; min-height: 27px;
border: 1px solid var(--control-border); border: 1px solid var(--control-border);
border-radius: 4px; border-radius: var(--radius-sm);
background: var(--control-bg); background: var(--control-bg);
color: var(--text); color: var(--text);
cursor: pointer; cursor: pointer;
@@ -420,7 +420,7 @@
gap: 7px; gap: 7px;
margin-top: 14px; margin-top: 14px;
border: 1px solid var(--control-border); border: 1px solid var(--control-border);
border-radius: 4px; border-radius: var(--radius-sm);
background: linear-gradient( background: linear-gradient(
var(--control-gradient-start), var(--control-gradient-start),
var(--control-gradient-end) var(--control-gradient-end)
@@ -446,7 +446,7 @@
@media (max-width: 900px) { @media (max-width: 900px) {
.search-overlay-results-panel { .search-overlay-results-panel {
border-radius: 4px; border-radius: var(--radius-sm);
} }
.search-overlay-toolbar { .search-overlay-toolbar {