style: use shared WebUI foundation tokens
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user