src/components/Widget2.svelte

@@ -1,7 +1,10 @@
 
 <script lang="ts">
 
-import BannerPrice from "#content/banner-saeule.svelte";
+import VApromo from "#sidebarCards/card-VA-promo.svelte";
+import VAGpromo from "#sidebarCards/card-VA-G-promo.svelte";
+import BApromo from "#sidebarCards/card-BA-promo.svelte";
+import BAGpromo from "#sidebarCards/card-BA-G-promo.svelte";
 import { fade } from 'svelte/transition';
 
   let selectedType: string = "";
@@ -85,13 +88,14 @@ import { fade } from 'svelte/transition';
         </div>
        </div> 
     
-       {#if showResult}
+      
        <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
-         
-             <BannerPrice client:load />
-         
+        {#if showResult} <VApromo client:load /> {/if}
+        {#if showResult} <BApromo client:load /> {/if}
+        {#if showResult} <VAGpromo client:load /> {/if}
+        {#if showResult} <BAGpromo client:load /> {/if}
        </div>
-     {/if}
+    
 
     </div>
     </div>
@@ -137,7 +141,7 @@ import { fade } from 'svelte/transition';
           @apply rounded-lg text-gray-700;
         }
     
-        .OEA_item6 { @apply w-[60] relative;
+        .OEA_item6 { @apply w-full flex flex-row;
         
         .result {
          @apply opacity-0 transition-opacity duration-1000 ease-in-out;