feat: apply B-147 visual tokens to screener, review and account surfaces
Unify intelligent screener, review workspace, and account/admin chrome with shared tokens, table density, and left-aligned first columns. Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
co-authored by
Cursor
multica-agent
parent
ee37223722
commit
22d4dcd339
@@ -10,7 +10,9 @@
|
||||
.dialog-header h2 {
|
||||
margin: 2px 0px 0px;
|
||||
|
||||
font-size: 19px;
|
||||
font-size: 16px;
|
||||
|
||||
font-weight: var(--font-weight-semibold);
|
||||
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
@@ -36,9 +38,9 @@
|
||||
}
|
||||
|
||||
.admin-dialog .model-row {
|
||||
border-color: rgb(223, 228, 234);
|
||||
border-color: var(--border);
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
background: var(--surface-subtle);
|
||||
}
|
||||
@@ -240,11 +242,11 @@
|
||||
}
|
||||
|
||||
.alert-button.has-alerts {
|
||||
border-color: rgb(214, 180, 93);
|
||||
border-color: var(--warning-color);
|
||||
|
||||
background: rgb(255, 249, 233);
|
||||
background: var(--warning-soft);
|
||||
|
||||
color: rgb(138, 97, 0);
|
||||
color: var(--warning-color);
|
||||
}
|
||||
|
||||
.alert-badge {
|
||||
@@ -526,17 +528,17 @@
|
||||
}
|
||||
|
||||
.assistant-message.user .assistant-message-content {
|
||||
border-color: rgb(190, 210, 235);
|
||||
border-color: var(--color-action-line);
|
||||
|
||||
background: var(--action-soft);
|
||||
}
|
||||
|
||||
.assistant-message.is-error .assistant-message-content {
|
||||
border-color: rgb(239, 197, 200);
|
||||
border-color: var(--market-up);
|
||||
|
||||
background: var(--market-up-soft);
|
||||
|
||||
color: rgb(139, 47, 52);
|
||||
color: var(--market-up);
|
||||
}
|
||||
|
||||
.assistant-message-content p {
|
||||
@@ -778,7 +780,7 @@
|
||||
|
||||
gap: 16px;
|
||||
|
||||
padding: 14px 18px;
|
||||
padding: 20px;
|
||||
|
||||
min-height: 62px;
|
||||
|
||||
@@ -786,7 +788,7 @@
|
||||
}
|
||||
|
||||
.assistant-dialog {
|
||||
border-radius: 9px;
|
||||
border-radius: 12px;
|
||||
|
||||
width: min(820px, -32px + 100vw);
|
||||
|
||||
@@ -796,9 +798,9 @@
|
||||
}
|
||||
|
||||
.dialog-eyebrow {
|
||||
color: var(--text-muted);
|
||||
color: var(--text-3);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--font-size-caption);
|
||||
}
|
||||
|
||||
.global-search-dialog {
|
||||
@@ -806,7 +808,7 @@
|
||||
|
||||
border-radius: 8px;
|
||||
|
||||
box-shadow: rgba(26, 37, 47, 0.22) 0px 22px 70px, rgba(26, 37, 47, 0.1) 0px 3px 14px;
|
||||
box-shadow: var(--shadow-float);
|
||||
|
||||
max-width: 700px;
|
||||
|
||||
@@ -892,13 +894,13 @@
|
||||
|
||||
font: 11px / 1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
|
||||
border-color: rgb(214, 221, 229);
|
||||
border-color: var(--border-strong);
|
||||
|
||||
border-radius: 5px;
|
||||
|
||||
background: rgb(247, 248, 250);
|
||||
background: var(--surface-subtle);
|
||||
|
||||
color: rgb(125, 136, 150);
|
||||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
.global-search-results {
|
||||
@@ -920,7 +922,7 @@
|
||||
|
||||
padding: 9px 10px 5px;
|
||||
|
||||
color: rgb(135, 146, 160);
|
||||
color: var(--text-tertiary);
|
||||
|
||||
font-size: 10px;
|
||||
}
|
||||
@@ -957,9 +959,9 @@
|
||||
|
||||
.global-search-result.is-active,
|
||||
.global-search-result:hover {
|
||||
background: rgb(238, 244, 255);
|
||||
background: var(--action-soft);
|
||||
|
||||
color: rgb(31, 85, 165);
|
||||
color: var(--action);
|
||||
}
|
||||
|
||||
.global-search-result-icon {
|
||||
@@ -973,7 +975,7 @@
|
||||
|
||||
color: var(--text-muted);
|
||||
|
||||
border-color: rgb(224, 229, 235);
|
||||
border-color: var(--border);
|
||||
|
||||
border-radius: 7px;
|
||||
|
||||
@@ -1003,7 +1005,7 @@
|
||||
|
||||
border-color: var(--dialog-line);
|
||||
|
||||
background: rgb(251, 252, 253);
|
||||
background: var(--surface-subtle);
|
||||
}
|
||||
|
||||
.alerts-dialog .alert-form {
|
||||
@@ -1077,7 +1079,7 @@
|
||||
|
||||
padding: 16px 18px;
|
||||
|
||||
background: rgb(247, 249, 251);
|
||||
background: var(--surface-subtle);
|
||||
}
|
||||
|
||||
.assistant-dialog .assistant-message {
|
||||
@@ -1087,9 +1089,9 @@
|
||||
}
|
||||
|
||||
.assistant-dialog .assistant-message-content {
|
||||
border-color: rgb(220, 227, 235);
|
||||
border-color: var(--border);
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: 8px;
|
||||
|
||||
font-size: 12.5px;
|
||||
|
||||
@@ -1197,7 +1199,7 @@
|
||||
|
||||
z-index: 95;
|
||||
|
||||
box-shadow: rgba(0, 0, 0, 0.12) -8px 0px 24px;
|
||||
box-shadow: var(--shadow-float);
|
||||
|
||||
transition: right 0.25s;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user