IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Merge pull request #110 from IBCornelsen/Jens

Browse Source 
Widget
This commit is contained in:
Jens Cornelsen
2024-12-08 01:37:20 +01:00
committed by GitHub
parent 6dfe81769b 5922079fca
commit 6f6e813999
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Widget2.svelte
View File

@@ -2,7 +2,7 @@
<script lang="ts"> <script lang="ts">
import BannerPrice from "#content/banner-saeule.svelte"; import BannerPrice from "#content/banner-saeule.svelte";
import { fade } from 'svelte/transition';
let selectedType: string = ""; let selectedType: string = "";
let selectedReason: string = ""; let selectedReason: string = "";
@@ -85,15 +85,15 @@ import BannerPrice from "#content/banner-saeule.svelte";
</div> </div>
</div> </div>
{#if showResult} {#if showResult}
<div class="OEA_item6 result"> <div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<div id="OEA_result"> <div id="OEA_result" class="bg-white p-4 shadow-md rounded">
<BannerPrice client:load /> <BannerPrice client:load />
</div>
</div> </div>
{/if} </div>
{/if}
</div> </div>
</div> </div>
@@ -145,5 +145,13 @@ import BannerPrice from "#content/banner-saeule.svelte";
@apply text-blue-600 underline hover:text-blue-800 font-semibold; @apply text-blue-600 underline hover:text-blue-800 font-semibold;
} }
.result {
@apply opacity-0 transition-opacity duration-1000 ease-in-out;
}
.result[style*="opacity: 1"] {
@apply opacity-100;
}
</style> </style>