mirror of
https://github.com/esengine/DeepSeek-Reasonix.git
synced 2026-11-07 10:45:59 -10:00
fix(studio): conversation cards, status popovers and workbench follow the boards' font size and weight; reading text is the regular weight
This commit is contained in:
1 parent
dff8c7dc16
commit
f4f342cecf
6 files changed
+24
-11
No files matched your search
@@ -75,3 +75,4 @@
|
||||
.srail-band, .srail-m > i, .srail-tip { transition: none; }
|
||||
.srail-peek { animation: none; }
|
||||
}
|
||||
.ds-row .sessword { font-weight: var(--w-med); }
|
||||
@@ -66,7 +66,7 @@
|
||||
.studio-feedback > span:first-child { display: flex; flex: none; color: inherit; }
|
||||
.studio-feedback .studio-icon { width: 16px; height: 16px; }
|
||||
.studio-feedback b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: inherit; }
|
||||
.studio-feedback .fbk-badge { position: static; flex: none; min-width: 16px; height: 16px; padding: 0 5px; box-sizing: border-box; border: 0; border-radius: var(--r-pill); background: var(--text); color: var(--page); font: var(--w-semi) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--ui); font-style: normal; text-align: center; box-shadow: none; }
|
||||
.studio-feedback .fbk-badge { position: static; flex: none; min-width: 16px; height: 16px; padding: 0 5px; box-sizing: border-box; border: 0; border-radius: var(--r-pill); background: var(--text); color: var(--page); font: var(--w-med) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--ui); font-style: normal; text-align: center; box-shadow: none; }
|
||||
|
||||
.hero { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 420px; padding: 20px 24px 40px; text-align: center; }
|
||||
.hero .sym-mark { width: 44px; height: 44px; padding: 8px; box-sizing: border-box; display: block; border-radius: var(--r-md); background: var(--accent); color: var(--accent-fg); opacity: 1; filter: none; }
|
||||
@@ -82,3 +82,13 @@
|
||||
.phonecard .pc-code > img { flex: none; width: 112px; height: 112px; }
|
||||
.phonecard .pc-code > .pc-mint { margin: 0 auto; }
|
||||
.phonecard .pc-side { display: grid; min-width: 0; gap: 6px; }
|
||||
.chrome-context-card header b { font: var(--w-semi) var(--fs-ui)/1.3 var(--ui); }
|
||||
.chrome-context-card header small { color: var(--faint); font: var(--w-reg) var(--fs-meta)/1.3 var(--ui); }
|
||||
.chrome-context-parts { grid-template-columns: 1fr; gap: 6px; }
|
||||
.chrome-context-parts > div { grid-template-columns: 8px minmax(0, 1fr) auto; gap: 8px; color: var(--muted); font: var(--w-reg) var(--fs-meta)/1.3 var(--ui); }
|
||||
.chrome-context-parts i { width: 8px; height: 8px; }
|
||||
.chrome-context-parts b { color: var(--text); font: var(--w-med) var(--fs-meta)/1.3 var(--mono); }
|
||||
.chrome-context-card section > div:first-child b { font-size: var(--fs-meta); }
|
||||
.chrome-context-card section small { color: var(--faint); font: var(--w-reg) var(--fs-meta) var(--ui); }
|
||||
.studio-overview-card header b { font: var(--w-semi) var(--fs-lead)/1.3 var(--ui); }
|
||||
.chrome-context-card :is(.btn, .kbtn, .act) { font: var(--w-reg) var(--fs-meta) var(--ui); }
|
||||
@@ -37,7 +37,7 @@
|
||||
.activity-body .hl .arg { order: -8; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font: var(--w-reg) var(--fs-meta)/1.3 var(--mono); }
|
||||
.activity-body .hl :is(.src, .who, .tag) { order: -7; flex: none; }
|
||||
.activity-body .hl .tag { padding: 0 5px; border-radius: var(--r-xs); background: var(--overlay); color: var(--faint); font: var(--w-reg) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--mono); letter-spacing: 0; text-transform: none; }
|
||||
.activity-body :is(.cost, .step-sum) { order: -6; margin-left: auto; color: var(--faint); font: var(--w-med) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
|
||||
.activity-body :is(.cost, .step-sum) { order: -6; margin-left: auto; color: var(--faint); font: var(--w-reg) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
|
||||
.activity-body .tool-delta { order: -6; margin-left: auto; color: var(--faint); font: var(--w-med) var(--fs-meta)/1 var(--ui); }
|
||||
.activity-body .tool-delta b { color: inherit; font-weight: inherit; }
|
||||
.activity-body .tool-delta i { margin-left: 3px; color: inherit; font-style: normal; }
|
||||
@@ -50,7 +50,7 @@
|
||||
.activity-body .tool-disclosure > .out { margin: 2px 10px 6px 32px; padding: 6px 10px 8px; border: 1px solid var(--hair); border-radius: var(--r-sm); }
|
||||
|
||||
.think { margin-top: 6px; }
|
||||
.think > summary .fold { gap: 6px; color: var(--muted); font: var(--w-semi) var(--fs-ui)/1.4 var(--ui); }
|
||||
.think > summary .fold { gap: 6px; color: var(--muted); font: var(--w-med) var(--fs-ui)/1.4 var(--ui); }
|
||||
.think[open] > summary .fold { color: var(--muted); }
|
||||
.think > summary .fold::before { width: 10px; height: 10px; color: var(--faint); }
|
||||
.think > summary:hover .fold { color: var(--text); }
|
||||
@@ -97,14 +97,14 @@
|
||||
.activity-group > summary { font: var(--w-semi) var(--fs-ui)/1 var(--ui); }
|
||||
.activity-group > summary .activity-fold-icon { order: -1; margin: 0; transform: rotate(-90deg); transition: transform var(--t-line) ease; }
|
||||
.activity-group[open] > summary .activity-fold-icon { transform: none; }
|
||||
.activity-group .activity-title { font: inherit; }
|
||||
.activity-group .activity-title { font-weight: var(--w-med); }
|
||||
.activity-now { display: inline-flex; align-items: center; gap: 5px; min-width: 0; overflow: hidden; color: var(--net-ink); font-weight: var(--w-med); white-space: nowrap; }
|
||||
.activity-now code { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: var(--w-med) var(--fs-meta)/1 var(--mono); }
|
||||
.activity-fill { flex: 1; }
|
||||
.activity-group > summary .activity-ok { color: var(--ok-ink); }
|
||||
.activity-group .activity-errors { color: var(--err-ink); font: var(--w-semi) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
|
||||
.activity-group .activity-running { font-weight: var(--w-semi); }
|
||||
.activity-group .activity-count { font: var(--w-med) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
|
||||
.activity-group .activity-errors { color: var(--err-ink); font: var(--w-med) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
|
||||
.activity-group .activity-running { font-weight: var(--w-med); }
|
||||
.activity-group .activity-count { font: var(--w-reg) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
|
||||
.activity-group[data-running]:not([open]) > summary {
|
||||
background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--net) 12%, transparent) 50%, transparent 100%) no-repeat;
|
||||
background-size: 40% 100%; animation: activity-sweep 1.8s linear infinite;
|
||||
@@ -133,7 +133,7 @@
|
||||
@keyframes step-shake { 25% { transform: translateX(-2px); } 50% { transform: translateX(2px); } 75% { transform: translateX(-1px); } }
|
||||
|
||||
.step-wait { margin: -2px 10px 6px 32px; color: var(--faint); font: var(--w-med) var(--fs-meta)/1.5 var(--ui); }
|
||||
.step-stop { padding: 0; border: 0; background: none; color: var(--text); font: var(--w-semi) var(--fs-meta)/1.5 var(--ui); cursor: pointer; }
|
||||
.step-stop { padding: 0; border: 0; background: none; color: var(--text); font: var(--w-med) var(--fs-meta)/1.5 var(--ui); cursor: pointer; }
|
||||
.step-stop:hover { text-decoration: underline; text-underline-offset: 2px; }
|
||||
.pane[data-off] :is(.step-spin, .activity-group > summary) { animation-play-state: paused; }
|
||||
|
||||
@@ -189,3 +189,4 @@
|
||||
.note[data-gone] { opacity: .6; }
|
||||
.note[data-gone] .note-strong { text-decoration: line-through; }
|
||||
.flow .call[data-k="host"][data-light] > .c > .hl .tag { background: none; padding: 0; color: var(--faint); font: var(--w-med) var(--fs-micro) var(--ui); }
|
||||
.activity-group .activity-errors { font-size: var(--fs-micro); }
|
||||
@@ -81,7 +81,7 @@
|
||||
.workbench-launcher > button:hover { background: var(--overlay); }
|
||||
.workbench-launcher > button > .studio-icon { width: 16px; height: 16px; flex: none; color: var(--muted); }
|
||||
.workbench-launcher > button > span { display: grid; gap: 2px; min-width: 0; }
|
||||
.workbench-launcher > button b { display: inline-flex; align-items: center; gap: 6px; font: var(--w-semi) var(--fs-ui)/1.3 var(--ui); }
|
||||
.workbench-launcher > button b { display: inline-flex; align-items: center; gap: 6px; font: var(--w-med) var(--fs-ui)/1.3 var(--ui); }
|
||||
.workbench-launcher > button b small {
|
||||
min-width: 16px; height: 16px; box-sizing: border-box; padding: 0 4px; border-radius: var(--r-pill); background: var(--overlay);
|
||||
color: var(--muted); font: var(--w-semi) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--ui); text-align: center;
|
||||
@@ -302,3 +302,4 @@ svg.studio-icon[data-lang="sheet"] { color: var(--ok); }
|
||||
.blogin-cancel:hover { background: var(--overlay); color: var(--text); }
|
||||
.blogin-go { height: 32px; padding: 0 14px; border: 1px solid var(--accent); border-radius: var(--r-sm); background: var(--accent); color: var(--accent-fg); font: var(--w-med) var(--fs-ui) var(--ui); cursor: pointer; }
|
||||
.blogin-go:disabled { opacity: .5; cursor: default; }
|
||||
.sidecontent > footer .sidequote { font-weight: var(--w-reg); }
|
||||
@@ -374,7 +374,7 @@ body { background: var(--page); }
|
||||
|
||||
:root[data-theme="light"]:not([data-pack]):not([data-weight]),
|
||||
:root[data-theme="light"]:not([data-bg]):not([data-weight]) {
|
||||
--w-read: 400;
|
||||
--w-read: var(--w-reg);
|
||||
}
|
||||
|
||||
body { background: var(--page) !important; }
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
border: 0;
|
||||
border-radius: var(--r-pill);
|
||||
color: var(--text);
|
||||
font: var(--w-semi) var(--fs-meta)/1 var(--ui);
|
||||
font: var(--w-med) var(--fs-meta)/1 var(--ui);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.delivery-open:focus-visible, .delivery-more:focus-visible {
|
||||
|
||||
Reference in new issue
Block a user