thePR0M3TH3AN/bitvid
1
0
Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-03-13 06:15:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Align torrent badge styling with CDN indicator

Browse Source
This commit is contained in:
thePR0M3TH3AN
2025-09-25 19:31:41 -04:00
parent dda977b91a
commit 40f87167b9
5 changed files with 168 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
css/style.css
View File

@@ -74,44 +74,6 @@ header img {
box-shadow: var(--shadow-md);
}
.video-card .stream-health {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2rem;
font-size: 1.1rem;
line-height: 1;
transition: transform 150ms ease, filter 150ms ease, opacity 150ms ease;
}
.video-card .stream-health[data-stream-health-state="good"] {
filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.45));
}
.video-card .stream-health[data-stream-health-state="none"] {
opacity: 0.85;
}
.video-card .stream-health[data-stream-health-state="noresp"],
.video-card .stream-health[data-stream-health-state="unknown"] {
opacity: 0.6;
}
.video-card .stream-health[data-stream-health-state="checking"] {
animation: stream-health-pulse 1.2s ease-in-out infinite alternate;
}
@keyframes stream-health-pulse {
from {
transform: scale(0.95);
opacity: 0.65;
}
to {
transform: scale(1.05);
opacity: 1;
}
}
.video-card--enter {
opacity: 0;
animation: video-card-fade-in 220ms ease-out forwards;