koloml/furbooru-tagging-assistant
1
0
Fork 0
mirror of https://github.com/koloml/furbooru-tagging-assistant.git synced 2025-12-24 07:12:57 +00:00
Code Issues Activity

Show spinner icon in the fullscreen viewer while loading

Browse Source
This commit is contained in:
KoloMl
2024-11-30 06:05:02 +04:00
parent fffb915985
commit 015e5d6ec4
2 changed files with 40 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/styles/content/listing.scss
View File

@@ -177,6 +177,21 @@
object-fit: contain;
width: 100%;
height: 100%;
opacity: 1;
}
.spinner {
position: fixed;
opacity: 0;
left: 50vw;
top: 50vh;
transform: translate(-50%, -50%);
font-size: 64px;
text-shadow: 0 0 15px black;
}
img, video, .spinner {
transition: opacity .25s ease;
}
&.shown {
@@ -188,4 +203,14 @@
opacity: var(--opacity, 1);
transition: none;
}
&.loading {
img, video {
opacity: 0.25;
}
.spinner {
opacity: 1;
}
}
}