style: fix hidden contents (#1577)

Fix https://github.com/StanGirard/quivr/issues/1576
This commit is contained in:
Mamadou DICKO 2023-11-03 10:01:05 +01:00 committed by GitHub
parent 5c732f1253
commit 1905bd42f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 16 deletions

View File

@ -38,7 +38,7 @@ export const BrainManagementTabs = (): JSX.Element => {
return ( return (
<div className="flex justify-center w-full"> <div className="flex justify-center w-full">
<Root <Root
className="flex flex-col w-full h-full overflow-hidden bg-white dark:bg-black p-4 md:p-10 max-w-5xl" className="flex flex-col w-full h-full overflow-scroll bg-white dark:bg-black p-4 md:p-10 max-w-5xl"
value={selectedTab} value={selectedTab}
> >
<List <List

View File

@ -14,7 +14,7 @@ const BrainsLibrary = (): JSX.Element => {
const { t } = useTranslation("brain"); const { t } = useTranslation("brain");
return ( return (
<div className="flex flex-1 flex-col items-center"> <div className="flex flex-1 flex-col items-center overflow-scroll">
<div className="flex"> <div className="flex">
<Field <Field
value={searchBarText} value={searchBarText}

View File

@ -11,24 +11,22 @@ const SelectedChatPage = (): JSX.Element => {
const { shouldDisplayFeedCard } = useKnowledgeToFeedContext(); const { shouldDisplayFeedCard } = useKnowledgeToFeedContext();
return ( return (
<> <div
className={`flex flex-col flex-1 items-center justify-stretch w-full h-full overflow-hidden ${
shouldDisplayFeedCard ? "bg-chat-bg-gray" : "bg-white"
} dark:bg-black transition-colors ease-out duration-500`}
data-testid="chat-page"
{...getRootProps()}
>
<div <div
className={`flex flex-col flex-1 items-center justify-stretch w-full h-full overflow-hidden ${ className={`flex flex-col flex-1 w-full max-w-5xl h-full dark:shadow-primary/25 overflow-hidden p-2 sm:p-4 md:p-6 lg:p-8`}
shouldDisplayFeedCard ? "bg-chat-bg-gray" : "bg-white"
} dark:bg-black transition-colors ease-out duration-500`}
data-testid="chat-page"
{...getRootProps()}
> >
<div <div className="flex flex-1 flex-col overflow-y-auto">
className={`flex flex-col flex-1 w-full max-w-5xl h-full dark:shadow-primary/25 overflow-hidden p-2 sm:p-4 md:p-6 lg:p-8`} <ChatDialogueArea />
>
<div className="flex flex-1 flex-col overflow-y-auto">
<ChatDialogueArea />
</div>
<ActionsBar />
</div> </div>
<ActionsBar />
</div> </div>
</> </div>
); );
}; };