BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chat): keep sticky header gradient inside its padding (#2676)

Browse Source 
fix(chat): keep sticky header gradient inside its padding
This commit is contained in:
Bohdan Triapitsyn
2026-08-28 23:41:25 +03:00
committed by GitHub
parent d8737d397d 6622d8889d
commit 5a0a9af8e3
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/components/TurnItem.tsx
+2 -2
View File
@@ -18,13 +18,13 @@ const TurnItem: React.FC<TurnItemProps> = ({ turn, stickyUserHeader = true, rend
data-scroll-spy-id={turn.turnId} data-scroll-spy-id={turn.turnId}
> >
{stickyUserHeader ? ( {stickyUserHeader ? (
<div className="sticky top-0 z-20 relative bg-[var(--surface-background)] [overflow-anchor:none]"> <div className="sticky top-0 z-20 relative bg-[var(--surface-background)] pb-4 sm:pb-8 [overflow-anchor:none]">
<div className="relative z-10"> <div className="relative z-10">
{renderMessage(turn.userMessage)} {renderMessage(turn.userMessage)}
</div> </div>
<div <div
aria-hidden="true" aria-hidden="true"
className="pointer-events-none absolute inset-x-0 top-full z-0 h-4 bg-gradient-to-b from-[var(--surface-background)] to-transparent sm:h-8" className="pointer-events-none absolute inset-x-0 bottom-0 z-0 h-4 bg-gradient-to-b from-[var(--surface-background)] to-transparent sm:h-8"
/> />
</div> </div>
) : ( ) : (