Update width of AIChatDrawer

ditrit · Oct 2, 2024 · 7124fd6 · 7124fd6
1 parent 8172a42
commit 7124fd6
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/src/components/drawer/AIChatDrawer.vue b/src/components/drawer/AIChatDrawer.vue
@@ -2,6 +2,7 @@
   <div
     data-cy="ai-chat-panel"
     class="column full-height full-width"
+    style="overflow-x: hidden"
   >
     <div class="row q-px-md justify-between items-center">
       <span class="text-overline q-item__label--header">
@@ -19,6 +20,7 @@
     <div
       ref="scrollContainer"
       class="flex-1 q-pa-sm scroll-y"
+      style="word-break: break-all;"
     >
       <div class="flex justify-center q-mb-md">
         <q-btn

diff --git a/src/layouts/ModelizerDrawLayout.vue b/src/layouts/ModelizerDrawLayout.vue
@@ -13,7 +13,7 @@
     <q-page-container>
       <q-splitter
         v-model="splitter"
-        :limits="[50, 100]"
+        :limits="[25, 100]"
         separator-class="separator-class"
         :class="isVisible ? '' : 'splitter-invisible'"
         :style="{ height: `calc(100vh - ${reservedHeight + 70}px)` }"
@@ -134,7 +134,7 @@ function onDrawerEvent({ key, type, id }) {
   componentId.value = id || null;
   splitterKey.value = key;
   isVisible.value = type === 'open';
-  splitter.value = type === 'open' ? 75 : 100;
+  splitter.value = type === 'open' ? 60 : 100;
 }
 
 onMounted(() => {

diff --git a/src/layouts/ModelizerTextLayout.vue b/src/layouts/ModelizerTextLayout.vue
@@ -7,7 +7,7 @@
     <q-page-container>
       <q-splitter
         v-model="splitter"
-        :limits="[50, 100]"
+        :limits="[30, 100]"
         separator-class="separator-class"
         :style="{ height: `calc(100vh - ${reservedHeight + 70}px)` }"
       >

diff --git a/tests/unit/layouts/ModelizerDrawLayout.spec.js b/tests/unit/layouts/ModelizerDrawLayout.spec.js
@@ -137,7 +137,7 @@ describe('Test page component: ModelizerDrawLayout', () => {
       expect(wrapper.vm.componentId).toEqual('id_1');
       expect(wrapper.vm.splitterKey).toEqual('test');
       expect(wrapper.vm.isVisible).toEqual(true);
-      expect(wrapper.vm.splitter).toEqual(75);
+      expect(wrapper.vm.splitter).toEqual(60);
 
       wrapper.vm.onDrawerEvent({ key: 'test2', type: 'close' });
       expect(wrapper.vm.componentId).toEqual(null);