inherentlee/beall-greenhouses
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

switch nav to grid to hopefully fix safari layout

Browse Source
This commit is contained in:
Lee Cattarin
2026-01-16 11:10:54 -08:00
parent 5748937739
commit a52b6f7ef4
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/logo.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 182 KiB

20
assets/styles/nav.css
View File

@ -2,9 +2,10 @@
nav {
position: relative;
margin: 0 auto 1.5rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
display: grid;
grid-template: "logo nav";
grid-template-rows: 6.75rem;
grid-template-columns: 6.75rem auto;
background-image: url("/assets/img/greenhouse.jpg");
background-size: cover;
background-repeat: no-repeat;
@ -65,9 +66,8 @@ nav a:not(:has(img)):focus-visible {
}
nav img {
max-height: 6.75rem;
max-width: 100%;
margin: 0 auto;
max-height: 100%;
margin: 0;
border-radius: 2rem;
border: .2rem solid var(--color-accent);
}
@ -80,6 +80,11 @@ nav img {
}
}
nav a:has(img) {
grid-area: logo;
justify-self: start;
}
nav a:has(img):focus {
border-radius: 2rem;
outline-offset: .2rem;
@ -91,8 +96,9 @@ nav a:has(img):focus img {
}
nav ul {
grid-area: nav;
display: flex;
justify-content: flex-end;
justify-content: space-between;
gap: .6rem;
align-items: flex-end;
flex-flow: column nowrap;