diff options
| author | Shoubhit Dash <[email protected]> | 2026-04-07 16:17:53 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-04-07 10:47:53 +0000 |
| commit | c2d2ca352252a922354c89bfbdb135cf1abfe1b6 (patch) | |
| tree | 1f51fa8b51b22341c5f46761c216598765c408d1 | |
| parent | 3a1ec27feba5129623f2c916f6de31ddb43e535e (diff) | |
| download | opencode-c2d2ca352252a922354c89bfbdb135cf1abfe1b6.tar.gz opencode-c2d2ca352252a922354c89bfbdb135cf1abfe1b6.zip | |
style(app): redesign jump-to-bottom button per figma spec (#21313)
| -rw-r--r-- | packages/app/src/pages/session/message-timeline.tsx | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/packages/app/src/pages/session/message-timeline.tsx b/packages/app/src/pages/session/message-timeline.tsx index cbabbda72..bc211303a 100644 --- a/packages/app/src/pages/session/message-timeline.tsx +++ b/packages/app/src/pages/session/message-timeline.tsx @@ -577,10 +577,18 @@ export function MessageTimeline(props: { }} > <button - class="pointer-events-auto size-8 flex items-center justify-center rounded-full bg-background-base border border-border-base shadow-sm text-text-base hover:bg-background-stronger transition-colors" + class="pointer-events-auto flex items-center justify-center w-10 h-8 bg-transparent border-none cursor-pointer p-0 group" onClick={props.onResumeScroll} > - <Icon name="arrow-down-to-line" /> + <div + class="flex items-center justify-center w-8 h-6 rounded-[6px] border border-[var(--gray-dark-7)] bg-[color-mix(in_srgb,var(--gray-dark-3)_80%,transparent)] backdrop-blur-[0.75px] transition-colors group-hover:border-[var(--gray-dark-8)] [--icon-base:var(--gray-dark-10)] group-hover:[--icon-base:var(--gray-dark-11)]" + style={{ + "box-shadow": + "0 51px 60px 0 rgba(0,0,0,0.13), 0 15.375px 18.088px 0 rgba(0,0,0,0.19), 0 6.386px 7.513px 0 rgba(0,0,0,0.25), 0 2.31px 2.717px 0 rgba(0,0,0,0.38)", + }} + > + <Icon name="arrow-down-to-line" size="small" /> + </div> </button> </div> <ScrollView |