style: fix hidden contents

QuivrHQ · Nov 3, 2023 · 2a1a37f · 2a1a37f
1 parent 867904f
commit 2a1a37f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/...nd/app/brains-management/[brainId]/components/BrainManagementTabs/BrainManagementTabs.tsx b/...nd/app/brains-management/[brainId]/components/BrainManagementTabs/BrainManagementTabs.tsx
@@ -38,7 +38,7 @@ export const BrainManagementTabs = (): JSX.Element => {
   return (
     <div className="flex justify-center w-full">
       <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}
       >
         <List

diff --git a/frontend/app/brains-management/library/page.tsx b/frontend/app/brains-management/library/page.tsx
@@ -14,7 +14,7 @@ const BrainsLibrary = (): JSX.Element => {
   const { t } = useTranslation("brain");
 
   return (
-    <div className="flex flex-1 flex-col items-center">
+    <div className="flex flex-1 flex-col items-center overflow-scroll">
       <div className="flex">
         <Field
           value={searchBarText}

diff --git a/frontend/app/chat/[chatId]/page.tsx b/frontend/app/chat/[chatId]/page.tsx
@@ -11,24 +11,22 @@ const SelectedChatPage = (): JSX.Element => {
   const { shouldDisplayFeedCard } = useKnowledgeToFeedContext();
 
   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
-        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()}
+        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`}
       >
-        <div
-          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`}
-        >
-          <div className="flex flex-1 flex-col overflow-y-auto">
-            <ChatDialogueArea />
-          </div>
-          <ActionsBar />
+        <div className="flex flex-1 flex-col overflow-y-auto">
+          <ChatDialogueArea />
         </div>
+        <ActionsBar />
       </div>
-    </>
+    </div>
   );
 };