Fix: files misalignment when name too long (#18)

* Fix: files misalignment when name too long * fix: adding break-all to q&a and links
brevia-ai · Oct 1, 2024 · 32f0827 · 32f0827
1 parent 766d1ab
commit 32f0827
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/Element/ChatbotFileItem.vue b/components/Element/ChatbotFileItem.vue
@@ -8,7 +8,7 @@
     }"
     @click.stop="download"
   >
-    <div class="flex space-x-3.5 items-center">
+    <div class="flex space-x-3.5 items-center break-words break-all">
       <div>
         <Icon name="ph:file-pdf-light" class="text-4xl" />
       </div>

diff --git a/components/Element/ChatbotLinkItem.vue b/components/Element/ChatbotLinkItem.vue
@@ -29,7 +29,7 @@
         }"
       >
         <div>
-          <a class="text-lg leading-snug break-words" target="_blank" :href="item.cmetadata?.url">{{ item.cmetadata?.url }}</a>
+          <a class="text-lg leading-snug break-words break-all" target="_blank" :href="item.cmetadata?.url">{{ item.cmetadata?.url }}</a>
           <p v-if="linkIsError" class="text-xs italic">Errore nella lettura del contenuto - codice errore {{ linkIsError }}</p>
         </div>
         <div class="px-4 flex items-start justify-between space-x-4">

diff --git a/components/Element/ChatbotQuestionItem.vue b/components/Element/ChatbotQuestionItem.vue
@@ -12,7 +12,7 @@
 
     <div v-else>
       <div class="px-4 pt-3.5 pb-4 flex items-start justify-between space-x-4 bg-gradient-to-br from-slate-700 to-slate-950 text-white">
-        <h2 class="text-lg leading-snug break-words" v-html="highlight(title, searchTerm)"></h2>
+        <h2 class="text-lg leading-snug break-words break-all" v-html="highlight(title, searchTerm)"></h2>
         <div class="px-4 flex items-start justify-between space-x-4">
           <button
             class="button-transparent text-white hover:from-white hover:to-white hover:text-sky-500"