diff --git a/packages/stats/app/src/routes/[lab]/[model].tsx b/packages/stats/app/src/routes/[lab]/[model].tsx index 1a0d6403de..ea7502976a 100644 --- a/packages/stats/app/src/routes/[lab]/[model].tsx +++ b/packages/stats/app/src/routes/[lab]/[model].tsx @@ -418,7 +418,7 @@ function ModelHeroSparkline(props: { data: StatsModelData }) { function ChevronDownIcon() { return ( ) } diff --git a/packages/stats/app/src/routes/[lab]/index.tsx b/packages/stats/app/src/routes/[lab]/index.tsx index 0d686f0eb0..1be2a82ca9 100644 --- a/packages/stats/app/src/routes/[lab]/index.tsx +++ b/packages/stats/app/src/routes/[lab]/index.tsx @@ -219,7 +219,7 @@ function LabHeroBreadcrumb(props: { label: string; labs?: ModelCatalogLab[] }) { {props.label} } diff --git a/packages/stats/app/src/routes/breadcrumb-select.tsx b/packages/stats/app/src/routes/breadcrumb-select.tsx index 33b325c309..6057ea2710 100644 --- a/packages/stats/app/src/routes/breadcrumb-select.tsx +++ b/packages/stats/app/src/routes/breadcrumb-select.tsx @@ -58,7 +58,7 @@ export function BreadcrumbSelect(props: { diff --git a/packages/stats/app/src/routes/index.css b/packages/stats/app/src/routes/index.css index c08e824a64..fbfcf39eed 100644 --- a/packages/stats/app/src/routes/index.css +++ b/packages/stats/app/src/routes/index.css @@ -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 {