freeflowuniverse/heroweb
27
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

set navbarright at rightmost position

Browse Source
This commit is contained in:
mik-tf 2024-09-13 14:35:51 -04:00
parent 75561b3d22
commit 936dc3c1ce
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
examples/heroweb_example_base/css/heroweb.css
View File

@ -29,6 +29,7 @@ body > main {
nav {
background-color: var(--nav-background);
padding: 0rem 1rem;
width: 100%; /* Ensure nav takes full width */
}
nav ul {
@ -38,6 +39,7 @@ nav ul {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%; /* Ensure ul takes full width */
}
nav ul li {
@ -63,7 +65,8 @@ nav ul li a:hover {
navbar-right {
display: flex;
align-items: center;
margin-left: 30%;
margin-left: auto; /* Push to the right */
margin-right: 0; /* Ensure no right margin */
}
navbar-right a {
@ -193,24 +196,27 @@ docnav ul li {
}
nav ul {
flex-direction: column;
align-items: flex-start;
align-items: stretch; /* Changed from flex-start to stretch */
}
nav ul li {
margin: 0 rem 0;
margin: 0.5rem 0; /* Added vertical margin */
}
navbar-right {
flex-direction: column;
align-items: flex-start;
align-items: stretch; /* Changed from flex-start to stretch */
margin-left: 0;
width: 100%; /* Ensure full width on mobile */
}
navbar-right a {
margin-left: 0;
margin-top: 0.5rem; /* Add some vertical spacing */
}
navbar-right input[type="search"] {
width: 100%;
margin: 0;
margin: 0.5rem 0; /* Add some vertical spacing */
}
.theme-icons {
margin-top: 0.5rem;
justify-content: flex-end; /* Align icons to the right on mobile */
}
}
}