fix scrolling bug

This commit is contained in:
Daniel Avila 2023-02-08 22:58:24 -05:00
parent 217bdb4865
commit c36f752551
2 changed files with 3 additions and 5 deletions

View file

@ -17,15 +17,13 @@ const App = () => {
<div className="flex h-screen">
<Nav conversations={data} />
<div className="flex h-full w-full flex-1 flex-col bg-gray-50 md:pl-[260px]">
<div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden">
<div className="h-full dark:bg-gray-800">
<div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden dark:bg-gray-800">
<MobileNav />
<Messages messages={messages} />
<TextChat
messages={messages}
reloadConvos={mutate}
/>
</div>
</div>
</div>
</div>

View file

@ -21,7 +21,7 @@ export default function Messages({ messages }) {
return (
<div className="flex-1 overflow-y-auto ">
<div className="flex-1 overflow-hidden">
{/* <div className="flex-1 overflow-hidden"> */}
<div className="h-full dark:bg-gray-800">
<div className="flex h-full flex-col items-center text-sm dark:bg-gray-800">
{messages.map((message, i) => (
@ -39,7 +39,7 @@ export default function Messages({ messages }) {
/>
</div>
</div>
</div>
{/* </div> */}
</div>
);
}