[Proposal] Use vertical style secondary navbar in all-level settings

[HesterG]

Feature Description

Right now the secondary nav bar on settings pages on user/admin/repo levels are horizontal.

Example from admin:

While the nav bar on organization level is vertical:

It is better to also use vertical style for user/admin/repo levels, because as more settings are added, a horizontal scrollbar occurs on the horizontal navbar, which is not very friendly to use. Whereas the vertical navbar can be folded so it can hold more items. Like the one in github.

And for this to look better, also propose to change the overall width of ui.container first, on large device (laptops/desktops, between 992px and 1200px), the page with a vertical navbar looks fine (like the screenshot above). But on extra large device (large laptops and desktops, 1200px and up), ui.container is only 1127px in total, so overall the navbar and the contents look crowded in the middle (Also in other pages):

Some Step:

• Change html only to change from horizontal to vertical navbar
• Change css (like width) to make the contents less crowded
• Change some of the routers to make some settings submenus

Screenshots

No response

[silverwind]

Agree, these scrollable horizontal navbars are weird. Pages like Org settings already have vertical nav, so you can copy the HTML structure from there.