style(vibe): enlarge interactive profile aura
This commit is contained in:
@@ -34,12 +34,13 @@ export function VibeAura({ profile, ambient = false }: { profile: VibeProfile; a
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={ambient
|
className={ambient
|
||||||
? '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 absolute left-1/2 top-[58%] z-0 grid h-16 w-16 -translate-x-1/2 -translate-y-1/2 scale-[21.6] cursor-help place-items-center rounded-full opacity-50 focus:outline-none'
|
||||||
: '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"
|
||||||
tabIndex={ambient ? -1 : 0}
|
tabIndex={0}
|
||||||
aria-label={`Current Vibe: ${energyLabel} energy and ${discoveryLabel} discovery`}
|
aria-label={`Current Vibe: ${energyLabel} energy and ${discoveryLabel} discovery`}
|
||||||
|
title={`Current Vibe: ${energyLabel} energy, ${discoveryLabel} discovery`}
|
||||||
>
|
>
|
||||||
<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" />
|
||||||
|
|||||||
Reference in New Issue
Block a user