Fix: adding scrolling chat when embedded

brevia-ai · Nov 27, 2024 · 9179971 · 9179971
1 parent cefb877
commit 9179971
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/ChatZone.vue b/components/ChatZone.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="dialog.length">
-    <div class="pt-6 pb-4 space-y-3" :class="{ 'bg-white px-4 relative shadow-md rounded': !isEmbedded }">
+    <div class="pt-6 pb-4 space-y-3" :class="(isEmbedded)? 'h-[85vh] px-4 sm:px-6 overflow-y-auto w-full' : 'bg-white px-4 relative shadow-md rounded'">
       <div class="flex flex-col space-y-6 pb-4">
         <div
           v-for="(item, i) in dialog"
@@ -35,7 +35,7 @@
       </div>
     </div>
   </div>
-  <div class="space-y-4" :class="{ 'bottom-6 left-0 absolute px-4 grow w-full': isEmbedded }">
+  <div class="space-y-4" :class="{ 'bottom-6 left-0 px-4 grow w-full': isEmbedded }">
     <div class="flex space-x-4">
       <input
         ref="input"

diff --git a/layouts/iframe.vue b/layouts/iframe.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="h-[100dvh] flex flex-col" :class="'bg-' + background">
-    <div class="grow pt-3 sm:pt-8 pb-14 px-4 sm:px-6 w-full">
+    <div class="grow pt-3 sm:pt-8 pb-14 w-full">
       <NuxtPage />
     </div>
   </div>