Merge pull request #492 from sugarforever/fix/relavantDocUI

fix: fixed incomplete content display #486
sugarforever · May 29, 2024 · eb6d82c · eb6d82c
2 parents 04878b8 + e3944dc
commit eb6d82c
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/components/Sources.vue b/components/Sources.vue
@@ -20,13 +20,17 @@ defineProps<{
       <div class="bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-600 p-2 rounded"
            v-for="(relevant_document, index) in relevant_documents"
            :key="index">
-        <Source :source="relevant_document?.metadata?.source" />
-        <UPopover mode="hover" :popper="{ placement: 'right' }">
-          <pre class="line-clamp-3 text-gray-500 text-sm whitespace-break-spaces"
-               v-html="relevant_document?.pageContent" />
-          <template #panel>
-            <pre class="p-4 text-gray-500 text-sm whitespace-break-spaces"
+        <UPopover mode="hover">
+          <div>
+            <Source :source="relevant_document?.metadata?.source" />
+            <pre class="line-clamp-3 text-gray-500 text-sm whitespace-break-spaces"
                  v-html="relevant_document?.pageContent" />
+          </div>
+          <template #panel>
+            <div class="max-h-[40vh] overflow-auto">
+              <pre class="p-4 text-gray-500 text-sm whitespace-break-spaces"
+                   v-html="relevant_document?.pageContent" />
+            </div>
           </template>
         </UPopover>
       </div>