Skip to content

Add profile picture popup on account page#123

Merged
eswan18 merged 2 commits intomainfrom
feature/account-avatar-popup
Mar 14, 2026
Merged

Add profile picture popup on account page#123
eswan18 merged 2 commits intomainfrom
feature/account-avatar-popup

Conversation

@eswan18
Copy link
Owner

@eswan18 eswan18 commented Mar 14, 2026

Summary

  • Clicking the profile picture on /account opens a dialog with an enlarged (300x300) version of the avatar, similar to Instagram profile photos
  • Uses the existing shadcn Dialog component with a transparent background — click anywhere outside to dismiss
  • Only applies when a profile picture exists; the fallback placeholder icon is unchanged

Test plan

  • Navigate to /account with a user that has a profile picture
  • Click the avatar — should open a centered, enlarged version over a dark overlay
  • Click outside the image or press Escape to dismiss
  • Verify the fallback icon (no profile pic) is unaffected

🤖 Generated with Claude Code

eswan18 and others added 2 commits March 14, 2026 13:18
Clicking the avatar on /account now opens a dialog with an enlarged
version of the photo, similar to Instagram profile pictures. Uses the
existing shadcn Dialog component with a transparent background overlay.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The Radix dialog container receives focus on open, causing a visible
blue border around the transparent content area.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@eswan18 eswan18 merged commit cac00fd into main Mar 14, 2026
1 check passed
@eswan18 eswan18 deleted the feature/account-avatar-popup branch March 14, 2026 20:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant