Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-26 15:50:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

style: add pulse animation to active panel indicators

Browse Source
This commit is contained in:
James Smith
2026-04-13 21:03:08 +01:00
parent b75d28f284
commit b5ae7fe472
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/css/core/components.css
View File

@@ -233,9 +233,27 @@
background: var(--status-offline);
}
@keyframes panel-pulse {
0%, 100% {
box-shadow: 0 0 4px var(--status-online), 0 0 8px rgba(56, 193, 128, 0.4);
opacity: 1;
}
50% {
box-shadow: 0 0 8px var(--status-online), 0 0 16px rgba(56, 193, 128, 0.6);
opacity: 0.85;
}
}
.panel-indicator.active {
background: var(--status-online);
box-shadow: 0 0 8px var(--status-online);
animation: panel-pulse 2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.panel-indicator.active {
animation: none;
}
}
.panel-content {