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 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>
<div :class="$style.loadingText">
Loading...
</div>
<div
v-for="loadingText in loadingTexts"
:key="loadingText.x + '|' + loadingText.y"
:style="{ top: loadingText.x + 'px', left: loadingText.y + 'px' }"
class="absolute"
:class="$style.loadingText"
>
Loading...
@ -35,7 +36,6 @@
.loadingText {
animation: fade-in-out 8s ease both;
position: absolute;
}
@keyframes fade-in-out {