simon/jacuzzi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added loading indicator

Browse Source
This commit is contained in:
Simon
2026-02-11 07:04:59 +00:00
parent 081493d13f
commit 1f5910a996
4 changed files with 68 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/css/style.css
View File

@@ -939,6 +939,39 @@ body.theme-light .setting-item select option {
text-align: left;
}
.video-loading {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.45);
opacity: 0;
transition: opacity 0.2s ease;
pointer-events: none;
z-index: 4;
}
.video-card.is-loading .video-loading,
.favorite-card.is-loading .video-loading {
opacity: 1;
}
.video-loading-spinner {
width: 34px;
height: 34px;
border-radius: 50%;
border: 3px solid rgba(255, 255, 255, 0.35);
border-top-color: var(--text-primary);
animation: video-card-spinner 0.8s linear infinite;
}
@keyframes video-card-spinner {
to {
transform: rotate(360deg);
}
}
.uploader-link:hover {
color: var(--text-primary);
text-decoration: underline;