fix(data): selects

This commit is contained in:
Adam 2026-07-13 12:59:32 -05:00
commit 1586a26594
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
4 changed files with 9 additions and 9 deletions

View file

@ -418,7 +418,7 @@ function ModelHeroSparkline(props: { data: StatsModelData }) {
function ChevronDownIcon() {
return (
<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>
)
}

View file

@ -219,7 +219,7 @@ function LabHeroBreadcrumb(props: { label: string; labs?: ModelCatalogLab[] }) {
<span data-slot="lab-hero-crumb" data-current="true" aria-current="page">
<span>{props.label}</span>
<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>
</span>
}

View file

@ -58,7 +58,7 @@ export function BreadcrumbSelect(props: {
</Select.Value>
<Select.Icon data-slot="stats-breadcrumb-select-icon">
<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>
</Select.Icon>
</Select.Trigger>

View file

@ -2888,7 +2888,7 @@
padding: 0 8px;
overflow: hidden;
background: var(--stats-layer-2);
color: var(--stats-faint);
color: var(--stats-hero-muted);
font-size: 13px;
font-weight: 500;
line-height: 1.1;
@ -2897,7 +2897,7 @@
}
[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"] {
@ -3066,7 +3066,9 @@
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"] {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
flex: 0 1 auto;
max-width: min(100%, 280px);
height: 24px;
box-sizing: border-box;
@ -3082,14 +3084,11 @@
font-size: 13px;
font-weight: 500;
line-height: 1.1;
text-align: center;
white-space: nowrap;
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"]:hover,
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-expanded] {
@ -3117,6 +3116,7 @@
[data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] {
display: inline-flex;
flex: 0 0 auto;
color: var(--stats-faint);
}
[data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] svg {