mirror of https://github.com/buster-so/buster.git
chat headerupdate
This commit is contained in:
parent
11bd8eb6f3
commit
b2f8a349cc
|
@ -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>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -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 && (
|
||||||
|
|
Loading…
Reference in New Issue