Center avatar line fix

This commit is contained in:
gpt-engineer-app[bot] 2026-03-07 21:38:46 +00:00
parent ed812b8be3
commit c217ddd111

View file

@ -127,10 +127,9 @@ const Index = () => {
<div className="relative z-10" style={{ width: radius * 2 + (isMobile ? 120 : 160), height: radius * 2 + (isMobile ? 120 : 160) }}> <div className="relative z-10" style={{ width: radius * 2 + (isMobile ? 120 : 160), height: radius * 2 + (isMobile ? 120 : 160) }}>
{/* Center Avatar */} {/* Center Avatar */}
<div <div
ref={avatarRef}
className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center" className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center"
> >
<div className="glass-card rounded-full p-1.5 ring-2 ring-primary/20"> <div ref={avatarRef} className="glass-card rounded-full p-1.5 ring-2 ring-primary/20">
<img <img
src={avatar} src={avatar}
alt="Mohamad" alt="Mohamad"