Damaj301damaj/damaj.tech
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Center avatar line origin fixed

Browse source 
Moved avatarRef from container to the image wrapper so the connection lines originate from the PFP center, not including descriptive text. This corrects the line leading to the Home button.

X-Lovable-Edit-ID: edt-cf8ad5ba-08f2-4b9d-9849-47f7ce12258c
This commit is contained in:
gpt-engineer-app[bot] 2026-03-07 21:38:58 +00:00
commit 61979c1213
1 changed files with 1 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/pages/Index.tsx
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"