NN-649 fix chat and diff exp UI issue

BackofenLab · Jan 10, 2025 · 5be0034 · 5be0034
1 parent c4ecb95
commit 5be0034
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 16 deletions.
diff --git a/frontend/src/components/PersistentWindow.vue b/frontend/src/components/PersistentWindow.vue
@@ -4,7 +4,7 @@
       root: {
         id: 'scrollBox',
         class:
-          '!h-[80vh] w-[25rem] !mt-[60px] !ml-[60px] !bg-white/75 dark:!bg-slate-900/75 !backdrop-blur overflow-y-auto',
+          '!resize !h-full w-[26rem] !mt-[60px] !ml-[60px] !bg-white/75 dark:!bg-slate-900/75 !backdrop-blur overflow-y-auto',
       },
       header: { class: 'sticky top-0 !p-2 !px-3 !justify-start gap-3 !font-medium cursor-move backdrop-blur z-[1]' },
       headerActions: { class: '!hidden' },
@@ -13,7 +13,10 @@
       footer: { class: 'sticky bottom-0 !px-2 !pt-1 !pb-2 cursor-move backdrop-blur-xl !mt-auto' },
     }">
     <template #header>
-      <span class="material-symbols-rounded font-variation-ico-filled text-primary-500 !text-lg"> headset_mic </span>
+
+      <figure class="w-6 h-6 p-1 rounded-full bg-gradient-prime-reverse">
+        <img src="@/assets/logo.png" alt="Bot Icon" />
+      </figure>
       AxoBot
 
       <Button class="ml-auto" size="small" text plain rounded @click="windowCheck = false">
@@ -80,15 +83,8 @@
 
     <template #footer>
       <div class="flex flex-col w-full gap-2">
-        <InputGroup>
-          <InputText v-model="user_input" autofocus placeholder="Type your message..."
-            @keydown.enter.prevent="sendMessage" />
-          <InputGroupAddon>
-            <Button type="button" text plain @click="sendMessage">
-              <span class="material-symbols-rounded font-variation-ico-filled !text-xl"> send </span>
-            </Button>
-          </InputGroupAddon>
-        </InputGroup>
+        <Textarea autoResize rows="1" v-model="user_input" fluid autofocus placeholder="Type your message..."
+          @keydown.enter.prevent="sendMessage" />
 
         <template v-if="tags && tags.length > 0">
           <Carousel :value="tags" :numVisible="3" :numScroll="1" :showIndicators="false"

diff --git a/frontend/src/components/enrichment/PathwayList.vue b/frontend/src/components/enrichment/PathwayList.vue
@@ -20,7 +20,7 @@
       class:
         '!px-0 !py-1 !text-slate-500 dark:!text-slate-300 leading-tight transition-all duration-300 ease-in-out',
     },
-  }" listStyle="max-height:100%" class="h-full flex flex-col !p-0 !bg-transparent !border-0"
+  }" :virtualScrollerOptions="{ itemSize: 38 }" listStyle="max-height:100%" class="h-full flex flex-col !p-0 !bg-transparent !border-0"
     @update:modelValue="select_term" :tabindex="0" emptyMessage="No terms available.">
 
     <template #footer>
@@ -177,7 +177,7 @@ export default {
     filt_terms() {
       var com = this;
       var filtered = com.terms;
-
+      
       if (com.selected_categories?.length) {
         // If category is selected, filter by category
         filtered = filtered.filter(function (term) {

diff --git a/frontend/src/components/pane/modules/difexp/DifExpMenu.vue b/frontend/src/components/pane/modules/difexp/DifExpMenu.vue
@@ -135,12 +135,10 @@ export default {
       com.emitter.emit("adjustDE", this.dboundary.value);
     },
   },
-  mounted() {
-    console.log(this.active_decoloumn);
-  },
   updated() {
     if (this.active_decoloumn != null) {
       this.draw_legend();
+      this.emitter.emit("adjustDE", this.dboundary.value);
     }
   },
 };