Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-07-19 14:58:10 -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 c70b76cb0d
commit 7e5661fb7c
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/core/components.css
+18
View File
@@ -233,9 +233,27 @@
background: var(--status-offline); 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 { .panel-indicator.active {
background: var(--status-online); background: var(--status-online);
box-shadow: 0 0 8px 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 { .panel-content {