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

Main header broken on smaller mobile device sizes #2217

Open
jtomeck opened this issue Mar 17, 2025 · 0 comments
Open

Main header broken on smaller mobile device sizes #2217

jtomeck opened this issue Mar 17, 2025 · 0 comments
Labels

Comments

@jtomeck
Copy link
Contributor

jtomeck commented Mar 17, 2025

Image

The above screenshot is taken using iPhone 12 Pro size (390px wide). I already made suggestions in #1764 so I won't address that portion here, but for the main header I suggest:

  1. Hide the word "DANDI" in the logo on mobile.
  2. The button and avatar don't need to be so big
    • Reduce padding on button
    • Use "+" icon instead of the word "NEW" so it reads "+ DANDISET"
    • Reduce padding or dimensions of Avatar
@jtomeck jtomeck added the design label Mar 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant