mirror of
https://github.com/HKUDS/nanobot.git
synced 2026-08-31 00:03:01 +03:00
fix(webui): tighten conversation top spacing
This commit is contained in:
@@ -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 ? (
|
||||||
|
|||||||
@@ -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");
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user