chat headerupdate

This commit is contained in:
Nate Kelley 2025-03-04 12:34:00 -07:00
parent 11bd8eb6f3
commit b2f8a349cc
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
2 changed files with 5 additions and 4 deletions

View File

@ -52,15 +52,16 @@ export const WithCustomClassName: Story = {
export const LongContent: Story = { export const LongContent: Story = {
args: { args: {
header: <div className="bg-gray-100">Header Content</div>, header: <div className="bg-gray-100">Header Content</div>,
scrollable: true,
children: ( children: (
<div className=""> <>
{Array.from({ length: 20 }, (_, i) => ( {Array.from({ length: 100 }, (_, i) => (
<p key={i} className="mb-4"> <p key={i} className="mb-4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
</p> </p>
))} ))}
</div> </>
) )
} }
}; };

View File

@ -14,7 +14,7 @@ export const ChatHeader: React.FC<{
return ( return (
<AppPageLayoutHeader <AppPageLayoutHeader
className={cn( className={cn(
'relative z-2 flex w-full items-center justify-between space-x-2 px-4 transition-shadow', 'relative z-2 flex w-full items-center justify-between space-x-2 border-b-0 px-4 transition-shadow',
showScrollOverflow && 'shadow-scroll-indicator' showScrollOverflow && 'shadow-scroll-indicator'
)}> )}>
{hasFile && chatTitle && ( {hasFile && chatTitle && (