search

elimu-ai / webapp

🖥 Web application for hosting Android applications and educational content
https://hin.elimu.ai
MIT License
30 stars 54 forks source link

Header layout issue: Connect Wallet button misaligned #1681

Closed venkatesh2k3 closed 3 weeks ago

venkatesh2k3 commented 1 month ago

Describe the bug The header layout takes up too much space when displaying the username and email, causing the "Connect Wallet" button to drop down from the header. This affects the overall design and user experience.

To Reproduce Steps to reproduce the behavior:

  1. Open the website.
  2. Sign in with Discord.
  3. Ensure the username and email are displayed in the header.
  4. Observe the position of the "Connect Wallet" button.

Expected behavior The "Connect Wallet" button should remain aligned within the header, regardless of the username and email length.

Actual Behavior The "Connect Wallet" button drops down from the header when the username and email occupy more space.

Screenshots image

venkatesh2k3 commented 3 weeks ago

@jo-elimu can we remove the email from the header or just need to hide it