b293525751
Fixes ~19 deterministic dashboard test failures pre-existing on origin/main (non-blocking full-suite lane). Mix of real product fixes and stale-test reconciliation; no appeasement (no widened timeouts, skips, or weakened assertions). Product CSS fixes (real regressions the guards caught): - Info toast contrast: shadcn-custom light theme had white-on-#0284c7 (4.10, below WCAG AA 4.5); enrolled it in the light-mode dark-text correction. - 27 undefined CSS token references (typos/foreign tokens) renamed to canonical defined tokens; defined the genuinely-intended --border-strong and --right-dock-min/max-width. - Raw rgba() box-shadow fallback tokenized to color-mix; dev-server mobile header split into its own responsive rule. Stale tests reconciled with intentional product changes: - workflowColumns graduated to always-on (board-workflows unit test). - workflow optional-steps source re-pointed to v2 optional-group nodes. - command-center pricing docs (one doc gap filled: openai-codex:* keying). - SetupWizardModal added detectWorkspace + workspaceMode/taskPrefix payload. - board-mobile listener-count assertion → unmount no-throw behavior. - CommandCenterControls / ThemeSelector: default theme relabeled "Fusion Legacy". - ProjectOverview / WorkflowNodeEditor: header divider intentionally removed. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
83 lines
1.5 KiB
CSS
83 lines
1.5 KiB
CSS
.model-pricing-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-md);
|
|
}
|
|
|
|
.model-pricing-section__header {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: var(--space-md);
|
|
}
|
|
|
|
.model-pricing-section__meta {
|
|
margin: var(--space-xs) 0 0;
|
|
}
|
|
|
|
.model-pricing-table {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-xs);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.model-pricing-row {
|
|
display: grid;
|
|
grid-template-columns:
|
|
minmax(12rem, 1.4fr)
|
|
minmax(7rem, 1fr)
|
|
minmax(7rem, 1fr)
|
|
minmax(7rem, 1fr)
|
|
minmax(7rem, 1fr)
|
|
minmax(10rem, 1.2fr)
|
|
minmax(5rem, auto);
|
|
gap: var(--space-xs);
|
|
align-items: center;
|
|
}
|
|
|
|
.model-pricing-row--head {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-size-xs, 0.75rem);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.model-pricing-row--add {
|
|
padding-top: var(--space-xs);
|
|
border-top: thin solid var(--border);
|
|
}
|
|
|
|
.model-pricing-key {
|
|
overflow-wrap: anywhere;
|
|
color: var(--text);
|
|
}
|
|
|
|
.model-pricing-empty {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.model-pricing-section__header {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.model-pricing-section__header .btn {
|
|
width: 100%;
|
|
}
|
|
|
|
.model-pricing-row {
|
|
grid-template-columns: minmax(14rem, 1fr);
|
|
padding: var(--space-sm);
|
|
border: thin solid var(--border);
|
|
border-radius: var(--radius-md);
|
|
}
|
|
|
|
.model-pricing-row--head {
|
|
display: none;
|
|
}
|
|
|
|
.model-pricing-row--add {
|
|
border-top: thin solid var(--border);
|
|
}
|
|
}
|