From 917997121b799ae53a1317bcb04e5becd9179cbe Mon Sep 17 00:00:00 2001
From: Davide Rovai <davide.rovai@atlasconsulting.it>
Date: Wed, 27 Nov 2024 11:24:01 +0100
Subject: [PATCH] Fix: adding scrolling chat when embedded

---
 components/ChatZone.vue | 4 ++--
 layouts/iframe.vue      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/ChatZone.vue b/components/ChatZone.vue
index 3307f0e..5fef827 100644
--- 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
index b3c8d9e..d8a679c 100644
--- 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>