This commit is contained in:
Jens Cornelsen
2024-12-08 10:01:02 +01:00
parent a45997f50f
commit 27f800f508

View File

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