fix: don't always show scrollbars (#548)

friuns2 · web-flow · commit 582b42e40975 · 2024-10-16T16:05:22.000+01:00
diff --git a/app/components/chat/BaseChat.tsx b/app/components/chat/BaseChat.tsx
@@ -69,7 +69,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
         data-chat-visible={showChat}
       >
         <ClientOnly>{() => <Menu />}</ClientOnly>
-        <div ref={scrollRef} className="flex overflow-scroll w-full h-full">
+        <div ref={scrollRef} className="flex overflow-y-auto w-full h-full">
           <div className={classNames(styles.Chat, 'flex flex-col flex-grow min-w-[var(--chat-min-width)] h-full')}>
             {!chatStarted && (
               <div id="intro" className="mt-[26vh] max-w-chat mx-auto">

Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(`
`69`	`69`	`data-chat-visible={showChat}`
`70`	`70`	`>`
`71`	`71`	`<ClientOnly>{() => <Menu />}</ClientOnly>`
`72`		`- <div ref={scrollRef} className="flex overflow-scroll w-full h-full">`
	`72`	`+ <div ref={scrollRef} className="flex overflow-y-auto w-full h-full">`
`73`	`73`	`<div className={classNames(styles.Chat, 'flex flex-col flex-grow min-w-[var(--chat-min-width)] h-full')}>`
`74`	`74`	`{!chatStarted && (`
`75`	`75`	`<div id="intro" className="mt-[26vh] max-w-chat mx-auto">`