From 6aff2ee169e973d7423890d4969c638287233f29 Mon Sep 17 00:00:00 2001 From: Aarav Sareen <96787824+arvsrn@users.noreply.github.com> Date: Tue, 7 Jul 2026 08:06:27 +0530 Subject: [PATCH] feat(app): visual improvements (#35134) --- packages/app/src/index.css | 6 ++++-- packages/app/src/pages/home.tsx | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/app/src/index.css b/packages/app/src/index.css index bc6866f976..80a9cdb559 100644 --- a/packages/app/src/index.css +++ b/packages/app/src/index.css @@ -224,7 +224,8 @@ [data-slot="model-selector-scroll"]::before { top: 0; - background: linear-gradient(to bottom, var(--v2-background-bg-layer-01), transparent); + height: 12px; + background: linear-gradient(180deg, color-mix(in srgb, var(--v2-background-bg-layer-01) 80%, transparent) 0%, color-mix(in srgb, var(--v2-background-bg-layer-01) 78.3336%, transparent) 4.7%, color-mix(in srgb, var(--v2-background-bg-layer-01) 76.4824%, transparent) 8.9%, color-mix(in srgb, var(--v2-background-bg-layer-01) 74.368%, transparent) 12.8%, color-mix(in srgb, var(--v2-background-bg-layer-01) 71.9123%, transparent) 16.56%, color-mix(in srgb, var(--v2-background-bg-layer-01) 69.037%, transparent) 20.37%, color-mix(in srgb, var(--v2-background-bg-layer-01) 65.664%, transparent) 24.4%, color-mix(in srgb, var(--v2-background-bg-layer-01) 61.715%, transparent) 28.83%, color-mix(in srgb, var(--v2-background-bg-layer-01) 57.1117%, transparent) 33.84%, color-mix(in srgb, var(--v2-background-bg-layer-01) 51.776%, transparent) 39.6%, color-mix(in srgb, var(--v2-background-bg-layer-01) 45.6296%, transparent) 46.3%, color-mix(in srgb, var(--v2-background-bg-layer-01) 38.5944%, transparent) 54.1%, color-mix(in srgb, var(--v2-background-bg-layer-01) 30.592%, transparent) 63.2%, color-mix(in srgb, var(--v2-background-bg-layer-01) 21.5443%, transparent) 73.76%, color-mix(in srgb, var(--v2-background-bg-layer-01) 11.373%, transparent) 85.97%, color-mix(in srgb, var(--v2-background-bg-layer-01) 0%, transparent) 100%); } [data-slot="manage-models-scroll"]::before { @@ -239,7 +240,8 @@ [data-slot="model-selector-scroll"]::after { bottom: 0; - background: linear-gradient(to top, var(--v2-background-bg-layer-01), transparent); + height: 12px; + background: linear-gradient(0deg, color-mix(in srgb, var(--v2-background-bg-layer-01) 80%, transparent) 0%, color-mix(in srgb, var(--v2-background-bg-layer-01) 78.3336%, transparent) 4.7%, color-mix(in srgb, var(--v2-background-bg-layer-01) 76.4824%, transparent) 8.9%, color-mix(in srgb, var(--v2-background-bg-layer-01) 74.368%, transparent) 12.8%, color-mix(in srgb, var(--v2-background-bg-layer-01) 71.9123%, transparent) 16.56%, color-mix(in srgb, var(--v2-background-bg-layer-01) 69.037%, transparent) 20.37%, color-mix(in srgb, var(--v2-background-bg-layer-01) 65.664%, transparent) 24.4%, color-mix(in srgb, var(--v2-background-bg-layer-01) 61.715%, transparent) 28.83%, color-mix(in srgb, var(--v2-background-bg-layer-01) 57.1117%, transparent) 33.84%, color-mix(in srgb, var(--v2-background-bg-layer-01) 51.776%, transparent) 39.6%, color-mix(in srgb, var(--v2-background-bg-layer-01) 45.6296%, transparent) 46.3%, color-mix(in srgb, var(--v2-background-bg-layer-01) 38.5944%, transparent) 54.1%, color-mix(in srgb, var(--v2-background-bg-layer-01) 30.592%, transparent) 63.2%, color-mix(in srgb, var(--v2-background-bg-layer-01) 21.5443%, transparent) 73.76%, color-mix(in srgb, var(--v2-background-bg-layer-01) 11.373%, transparent) 85.97%, color-mix(in srgb, var(--v2-background-bg-layer-01) 0%, transparent) 100%); } @supports (animation-timeline: --home-projects-scroll) and (timeline-scope: --home-projects-scroll) { diff --git a/packages/app/src/pages/home.tsx b/packages/app/src/pages/home.tsx index efbab7809e..762b8b2c8e 100644 --- a/packages/app/src/pages/home.tsx +++ b/packages/app/src/pages/home.tsx @@ -1278,7 +1278,7 @@ function HomeSessionSearch(props: { -