moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Change loading overlay

Browse source
This commit is contained in:
Moritz Ruth 2021-12-18 18:47:24 +01:00
parent f593c1c638
commit 90354a246d
No known key found for this signature in database
GPG key ID: AFD57E23E753841B
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/App.vue
View file

@ -9,13 +9,14 @@
</div> </div>
<div class="bg-background fixed top-0 left-0 right-0 bottom-0 z-100 backdrop-filter" :style="loadingOverlayStyle"> <div class="bg-background fixed top-0 left-0 right-0 bottom-0 z-100 backdrop-filter" :style="loadingOverlayStyle">
<div class="font-bold text-light-900 text-2xl h-full w-full flex justify-center items-center overflow-hidden" :style="loadingOverlayContentStyle"> <div class="font-bold text-light-900 text-2xl h-full w-full flex justify-center items-center overflow-hidden" :style="loadingOverlayContentStyle">
<div> <div :class="$style.loadingText">
Loading... Loading...
</div> </div>
<div <div
v-for="loadingText in loadingTexts" v-for="loadingText in loadingTexts"
:key="loadingText.x + '|' + loadingText.y" :key="loadingText.x + '|' + loadingText.y"
:style="{ top: loadingText.x + 'px', left: loadingText.y + 'px' }" :style="{ top: loadingText.x + 'px', left: loadingText.y + 'px' }"
class="absolute"
:class="$style.loadingText" :class="$style.loadingText"
> >
Loading... Loading...
@ -35,7 +36,6 @@
.loadingText { .loadingText {
animation: fade-in-out 8s ease both; animation: fade-in-out 8s ease both;
position: absolute;
} }
@keyframes fade-in-out { @keyframes fade-in-out {