Skip to content

Commit fe345b4

Browse files
committed
fix(landing): calmer release-timeline dot hover
Drop the scale-150 + brightness-75 hover (a 50% size jump plus a muddy darken) for an understated opacity-fill (0.85 -> 1) with a slight scale-110, matching the comparison chart's opacity-driven hover language.
1 parent 8cc678e commit fe345b4

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

apps/sim/app/(landing)/models/components/model-timeline-chart.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -76,11 +76,13 @@ export function ModelTimelineChart({ models, providerId }: ModelTimelineChartPro
7676
height: '100%',
7777
}}
7878
>
79-
{/* Dot - centered exactly on the line (70px - 6px). Hover darkens
80-
rather than brightens, so light brand colors stay visible. */}
79+
{/* Dot - centered exactly on the line (70px - 6px). Resting at 85%
80+
opacity, hover lifts it to full with a slight scale — an
81+
understated, opacity-driven hover matching the comparison
82+
chart, so it reads as a clean accent rather than a jump. */}
8183
<div
82-
className='-translate-x-1/2 absolute top-[64px] left-1/2 size-[12px] rounded-full transition-[filter,transform] duration-150 group-hover:scale-150 group-hover:brightness-75'
83-
style={{ backgroundColor: color, opacity: 0.85 }}
84+
className='-translate-x-1/2 absolute top-[64px] left-1/2 size-[12px] rounded-full opacity-[0.85] transition-[opacity,transform] duration-150 group-hover:scale-110 group-hover:opacity-100'
85+
style={{ backgroundColor: color }}
8486
/>
8587

8688
{/* Stem + label above */}

0 commit comments

Comments
 (0)