Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Profile Icon and Sign In/Sign Up UI Tweaks #712

Open
aktdenis opened this issue Jan 24, 2025 · 0 comments
Open

Profile Icon and Sign In/Sign Up UI Tweaks #712

aktdenis opened this issue Jan 24, 2025 · 0 comments

Comments

@aktdenis
Copy link

aktdenis commented Jan 24, 2025

We have two ways for users to sign in:

  • A direct "Sign In" button.
  • A profile icon that reveals "Sign Up" and "Sign In" options when hovered.
Image

The profile icon should only show after the user is signed in,.

The hover effect for the profile icon looks off. It’s round by default, but on hover, it becomes a square with rounded corners, creating an overlapping effect with two hover states.

Image

Instead of separate buttons (sign/log in, sign up, wallet connect) that might clutter the bar with too many options (example below).
Image

we could use a single "My Account" button. When clicked, a dropdown with options for "log in," "sign up," and "connect wallet" will appear.
Proposed design (before users signs in):
Image

Proposed design (user signed in): Instead of showing only the icon, we can make the profile button more prominent - just like the wallet with its information.

Image

example: https://ui.shadcn.com/blocks/sidebar#sidebar-15

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

No branches or pull requests

1 participant