itlxrd/Psychotoxical-psysonic
1
0
Fork 0
mirror of https://github.com/Psychotoxical/psysonic.git synced 2026-07-22 15:25:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

exp(orbit): polish pass

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Psychotoxical
2026-04-23 17:23:28 +02:00
parent 11dddf6290
commit c7af6a6e15
3 changed files with 119 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+27 -10
View File
@@ -11290,23 +11290,40 @@ html[data-app-hidden="true"] *::after {
.orbit-bar__catchup {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 10px;
gap: 6px;
padding: 6px 14px;
border-radius: 999px;
background: color-mix(in srgb, var(--accent) 16%, transparent);
border: 1px solid color-mix(in srgb, var(--accent) 38%, transparent);
color: var(--accent);
font-size: 11px;
font-weight: 600;
background: var(--accent);
border: 1px solid var(--accent);
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
cursor: pointer;
transition: background 150ms ease, border-color 150ms ease, transform 120ms ease;
transition: filter 150ms ease, transform 120ms ease, box-shadow 150ms ease;
box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);
animation: orbit-catchup-pulse 1.8s ease-in-out infinite;
}
.orbit-bar__catchup:hover {
background: color-mix(in srgb, var(--accent) 26%, transparent);
border-color: color-mix(in srgb, var(--accent) 55%, transparent);
filter: brightness(1.08);
transform: translateY(-1px);
}
.orbit-bar__catchup svg {
animation: orbit-catchup-spin 2.4s linear infinite;
}
@keyframes orbit-catchup-pulse {
0%, 100% {
box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);
}
50% {
box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent) 0%, transparent);
}
}
@keyframes orbit-catchup-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.orbit-bar__settings {
display: inline-flex;