fix(webui): tighten conversation top spacing

This commit is contained in:
Xubin Ren
2026-08-27 10:45:40 +08:00
parent cb7b640d36
commit 5678f83290
3 changed files with 4 additions and 3 deletions
+1 -1
View File
@@ -58,7 +58,7 @@ export function ThreadHeader({
<div <div
data-testid="thread-header" data-testid="thread-header"
className={cn( className={cn(
"relative z-30 flex items-center justify-between gap-3 px-3 py-2", "relative z-30 flex items-center justify-between gap-3 px-3 py-1",
minimal && "h-11", minimal && "h-11",
!minimal && hostChromeTitleInset && "lg:pl-[128px]", !minimal && hostChromeTitleInset && "lg:pl-[128px]",
)} )}
@@ -745,7 +745,7 @@ export const ThreadViewport = forwardRef<ThreadViewportHandle, ThreadViewportPro
data-testid="thread-message-region" data-testid="thread-message-region"
className={cn( className={cn(
"thread-message-viewport thread-viewport-scrollbar row-start-1 flex min-h-0 min-w-0 flex-col", "thread-message-viewport thread-viewport-scrollbar row-start-1 flex min-h-0 min-w-0 flex-col",
"scroll-auto justify-start overflow-x-hidden px-3 pb-0 pt-4 sm:px-4", "scroll-auto justify-start overflow-x-hidden px-3 pb-0 pt-3 sm:px-4",
"[overflow-anchor:none] [scrollbar-width:none]", "[overflow-anchor:none] [scrollbar-width:none]",
"[&::-webkit-scrollbar]:hidden", "[&::-webkit-scrollbar]:hidden",
hasVerticalOverflow ? "overflow-y-auto" : "overflow-hidden", hasVerticalOverflow ? "overflow-y-auto" : "overflow-hidden",
@@ -841,7 +841,7 @@ export const ThreadViewport = forwardRef<ThreadViewportHandle, ThreadViewportPro
<div <div
aria-hidden aria-hidden
className="pointer-events-none absolute inset-x-0 top-0 h-6 bg-gradient-to-b from-background to-transparent" className="pointer-events-none absolute inset-x-0 top-0 h-3 bg-gradient-to-b from-background to-transparent"
/> />
{hasMessages ? ( {hasMessages ? (
+1
View File
@@ -260,6 +260,7 @@ describe("ThreadViewport", () => {
expect(messageRegion).toHaveClass("justify-start"); expect(messageRegion).toHaveClass("justify-start");
expect(messageRegion).not.toHaveClass("justify-end"); expect(messageRegion).not.toHaveClass("justify-end");
expect(messageRegion).toHaveClass("thread-message-viewport"); expect(messageRegion).toHaveClass("thread-message-viewport");
expect(messageRegion).toHaveClass("pt-3");
expect(messageRegion).toHaveClass("pb-0"); expect(messageRegion).toHaveClass("pb-0");
expect(messageRegion.className).not.toContain("5rem"); expect(messageRegion.className).not.toContain("5rem");
}); });