kami/muzick
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

style(vibe): center the ambient profile aura
Typecheck / typecheck (backend) (push) Has been cancelled
Details
Typecheck / typecheck (workers) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
kami
2026-08-03 14:30:53 +04:00
parent 03746a3899
commit 68bf299296
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/VibeAura.tsx
+3 -2
View File
@@ -28,12 +28,13 @@ export function VibeAura({ profile, ambient = false }: { profile: VibeProfile; a
'--vibe-pulse': `${(4.8 - energy * 2.3).toFixed(2)}s`, '--vibe-pulse': `${(4.8 - energy * 2.3).toFixed(2)}s`,
'--vibe-orbit': `${(11 - energy * 4).toFixed(2)}s`, '--vibe-orbit': `${(11 - energy * 4).toFixed(2)}s`,
'--vibe-scale': String((0.9 + energy * 0.16).toFixed(2)), '--vibe-scale': String((0.9 + energy * 0.16).toFixed(2)),
'--vibe-core-opacity': ambient ? '0.38' : '1',
} as CSSProperties; } as CSSProperties;
return ( return (
<div <div
className={ambient className={ambient
? 'pointer-events-none absolute right-10 top-32 z-0 grid h-16 w-16 scale-[3.6] place-items-center rounded-full opacity-35' ? 'pointer-events-none absolute left-1/2 top-[58%] z-0 grid h-16 w-16 -translate-x-1/2 -translate-y-1/2 scale-[7.2] place-items-center rounded-full opacity-50'
: 'group relative grid h-16 w-16 shrink-0 place-items-center rounded-full focus:outline-none'} : 'group relative grid h-16 w-16 shrink-0 place-items-center rounded-full focus:outline-none'}
style={style} style={style}
role="img" role="img"
@@ -43,7 +44,7 @@ export function VibeAura({ profile, ambient = false }: { profile: VibeProfile; a
<div className="vibe-aura-halo" /> <div className="vibe-aura-halo" />
<div className="vibe-aura-orbit vibe-aura-orbit-one" /> <div className="vibe-aura-orbit vibe-aura-orbit-one" />
<div className="vibe-aura-orbit vibe-aura-orbit-two" /> <div className="vibe-aura-orbit vibe-aura-orbit-two" />
<div className="vibe-aura-core"> <div className="vibe-aura-core" style={{ opacity: 'var(--vibe-core-opacity, 1)' }}>
<span className="vibe-aura-spark vibe-aura-spark-one" /> <span className="vibe-aura-spark vibe-aura-spark-one" />
<span className="vibe-aura-spark vibe-aura-spark-two" /> <span className="vibe-aura-spark vibe-aura-spark-two" />
<span className="vibe-aura-heart" /> <span className="vibe-aura-heart" />