Design Issues

[MiniDigger]

comment any design issue below and ill review and add them here and remove your comment

[Itzdlg]

Wonderful job on front-end despite the likely majority of backend-only developers working on Hangar. Incredibly happy you guys were able to release it to open beta!

These are the immediate problems I saw when making an account & navigating. Saw an issue already existed so I'll post them here & will separately issue track them if asked.

1. https://hangar.papermc.io/api-docs is using the light-mode OpenAPI docs when the site is on dark-mode
2. the login button on the signup page, and vice-versa, should be teritary buttons. I accidentally clicked Login instead of Sign Up on the form and couldn't figure out why I was unable to sign in. Even attempted a password reset (never received an email, but my account didnt even). Perhaps a modal to verify redirecting off to signup from the login and vice-versa?
3. put a max-width on the signup and login forms, they are just massive on desktop & it's not good practice
4. the invalid username and apssword alerts need to be more obvious. they should up in a tiny corner of the screen instead of the actual form
5. the yellow box for not having API Keys on the API Keys section of user settings is very badly contrasted. It's bright yellow with white text on a dark screen
6. the "At least one permission needs to be set." is just floating in the middle of the screen, probably a text-align: center? should be left-aligned, or experiment inline-block on the "Permissions" sub-header in parenthesis (i.e. "Permissions (at least one permission needs to be set)")

[RalphORama]

IMO it feels like an antipattern that you can left-click anywhere on a homepage plugin listing to open the plugin page, but you can only middle click/right click to open in a new tab on the plugin title

firefox_KryKFBCJHL.mp4

[MiniDigger]

fixing that sadly is non trivial, at least control clicking works now as expected