expand done

QuivrHQ · May 20, 2024 · 2adc017 · 2adc017
1 parent 5755773
commit 2adc017
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/frontend/app/knowledge/KnowledgeList/KnowledgeList.module.scss b/frontend/app/knowledge/KnowledgeList/KnowledgeList.module.scss
@@ -2,8 +2,7 @@
 
 .knowledge_list_wrapper {
   display: flex;
-  width: 400px;
-  min-width: 300px;
+  width: 100%;
   flex-direction: column;
   gap: Spacings.$spacing03;
   overflow: scroll;

diff --git a/frontend/app/knowledge/page.module.scss b/frontend/app/knowledge/page.module.scss
@@ -11,5 +11,15 @@
     height: calc(100% - Variables.$pageHeaderBarHeight);
     padding: Spacings.$spacing06;
     padding-bottom: 0;
+
+    .knowledge_list_wrapper {
+      transition: width 0.1s ease-in-out;
+      width: 400px;
+
+      &.collapsed {
+        width: 0;
+        overflow: hidden;
+      }
+    }
   }
 }
diff --git a/frontend/app/knowledge/page.tsx b/frontend/app/knowledge/page.tsx
@@ -50,7 +50,13 @@ const Knowledge = (): JSX.Element => {
         <PageHeader iconName="book" label="Knowledge" buttons={buttons} />
       </div>
       <div className={styles.content_wrapper}>
-        {!expand && <KnowledgeList />}
+        <div
+          className={`${styles.knowledge_list_wrapper} ${
+            expand ? styles.collapsed : ""
+          }`}
+        >
+          <KnowledgeList />
+        </div>
         <NotesEditor />
       </div>
       <UploadDocumentModal />