fix(data): selects

This commit is contained in:
Adam
2026-07-13 12:59:37 -05:00
parent f026c1422c
commit 1586a26594
4 changed files with 9 additions and 9 deletions
@@ -418,7 +418,7 @@ function ModelHeroSparkline(props: { data: StatsModelData }) {
function ChevronDownIcon() { function ChevronDownIcon() {
return ( return (
<svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" fill="none"> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" fill="none">
<path d="M4.75 6.25L8 9.5L11.25 6.25" stroke="currentColor" stroke-width="1.5" /> <path d="M5 6.5L8 9.5L11 6.5" stroke="currentColor" />
</svg> </svg>
) )
} }
@@ -219,7 +219,7 @@ function LabHeroBreadcrumb(props: { label: string; labs?: ModelCatalogLab[] }) {
<span data-slot="lab-hero-crumb" data-current="true" aria-current="page"> <span data-slot="lab-hero-crumb" data-current="true" aria-current="page">
<span>{props.label}</span> <span>{props.label}</span>
<svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true">
<path d="M4.75 6.25L8 9.5L11.25 6.25" fill="none" stroke="currentColor" stroke-width="1.5" /> <path d="M5 6.5L8 9.5L11 6.5" fill="none" stroke="currentColor" />
</svg> </svg>
</span> </span>
} }
@@ -58,7 +58,7 @@ export function BreadcrumbSelect(props: {
</Select.Value> </Select.Value>
<Select.Icon data-slot="stats-breadcrumb-select-icon"> <Select.Icon data-slot="stats-breadcrumb-select-icon">
<svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true">
<path d="M4.75 6.25L8 9.5L11.25 6.25" fill="none" stroke="currentColor" stroke-width="1.5" /> <path d="M5 6.5L8 9.5L11 6.5" fill="none" stroke="currentColor" />
</svg> </svg>
</Select.Icon> </Select.Icon>
</Select.Trigger> </Select.Trigger>
+6 -6
View File
@@ -2888,7 +2888,7 @@
padding: 0 8px; padding: 0 8px;
overflow: hidden; overflow: hidden;
background: var(--stats-layer-2); background: var(--stats-layer-2);
color: var(--stats-faint); color: var(--stats-hero-muted);
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
@@ -2897,7 +2897,7 @@
} }
[data-page="stats"] a[data-slot="lab-hero-crumb"] { [data-page="stats"] a[data-slot="lab-hero-crumb"] {
color: var(--stats-faint); color: var(--stats-hero-muted);
} }
[data-page="stats"] [data-slot="lab-hero-crumb"][data-current="true"] { [data-page="stats"] [data-slot="lab-hero-crumb"][data-current="true"] {
@@ -3066,7 +3066,9 @@
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"] { [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"] {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: flex-start;
gap: 4px; gap: 4px;
flex: 0 1 auto;
max-width: min(100%, 280px); max-width: min(100%, 280px);
height: 24px; height: 24px;
box-sizing: border-box; box-sizing: border-box;
@@ -3082,14 +3084,11 @@
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
text-align: center;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
} }
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-variant="lab"] {
color: var(--stats-faint);
}
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-current="true"], [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-current="true"],
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"]:hover, [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"]:hover,
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-expanded] { [data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-expanded] {
@@ -3117,6 +3116,7 @@
[data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] { [data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] {
display: inline-flex; display: inline-flex;
flex: 0 0 auto; flex: 0 0 auto;
color: var(--stats-faint);
} }
[data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] svg { [data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] svg {