Fix secondary navbar dropdown

[Bluscream]

• https://github.com/grayjay-sources/grayjay-sources.github.io/blob/main/index.html#L139-L143

It just looks super ugly right now.

[noobiedeveloper-x]

can't pull request, here try to review this Css .dropdown-menu {
display: none;
}

.dropdown-menu.show {
display: block;
}

.dropdown-item {
display: block;
padding: 0.5rem 1rem;
clear: both;
font-weight: normal;
color: #f5f5f6;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
transition: transform 0.3s, background-color 0.3s;
transform-origin: center;
}

.dropdown-item:hover {
background-color: #777778;
transform: scale(1.05);
padding: 0.6rem 1rem;
}

[Bluscream]

Doesn't Bootstrap have a native way to add secondary navbar items?

I tried copying from their examples at https://getbootstrap.com/docs/5.3/components/navbar/ but that does only look marginally nicer

0916a8d

[noobiedeveloper-x]

Bootstrap does not have a dedicated, native "secondary navbar" component directly built into its core library. However, you can create secondary items in a navbar by using Bootstrap's flexible layout utilities and component combinations.

[noobiedeveloper-x]

do you want to work with only native or costum css? hook me up, i can work on the backend too