mirrors/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-04-05 22:17:41 +03:00
Code Issues Projects Releases Packages Wiki Activity

Properly center search box instead of having it slightly skewed

Browse source
This commit is contained in:
Butter Cat 2024-07-26 17:47:47 -04:00
parent 9d879d3931
commit 4b381062b1
No known key found for this signature in database
GPG key ID: FF37BE4FDDB74419
1 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
static/style.css
View file

@ -167,10 +167,8 @@ body.fixed_navbar {
} }
nav { nav {
display: grid; display: flex;
grid-template-areas: "logo searchbox links";
justify-content: space-between;
align-items: center; align-items: center;
color: var(--accent); color: var(--accent);
@ -203,15 +201,18 @@ nav #code > svg {
} }
nav #logo { nav #logo {
grid-area: logo;
white-space: nowrap; white-space: nowrap;
margin-right: 5px; margin-right: 5px;
flex-grow: 1;
flex-basis: 0;
} }
nav #links { nav #links {
grid-area: links;
margin-left: 10px; margin-left: 10px;
display: flex; display: flex;
flex-grow: 1;
flex-basis: 0;
justify-content: flex-end;
} }
nav #links svg { nav #links svg {
@ -1907,6 +1908,7 @@ th {
} }
nav { nav {
display: grid;
grid-template-areas: "logo links" "searchbox searchbox"; grid-template-areas: "logo links" "searchbox searchbox";
padding: 10px; padding: 10px;
width: calc(100% - 20px); width: calc(100% - 20px);