fix desktop header rows for nouri
This commit is contained in:
@@ -165,10 +165,9 @@ button.secondary:hover,
|
||||
.site-header {
|
||||
position: static;
|
||||
z-index: 10;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
padding: 1rem 1.2rem;
|
||||
margin-bottom: 1.15rem;
|
||||
background: var(--bg-elevated);
|
||||
@@ -178,6 +177,11 @@ button.secondary:hover,
|
||||
backdrop-filter: blur(26px) saturate(1.18);
|
||||
}
|
||||
|
||||
.desktop-header-main,
|
||||
.desktop-header-sub {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.brand {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -224,7 +228,6 @@ h3,
|
||||
flex-wrap: wrap;
|
||||
gap: 0.45rem;
|
||||
justify-content: flex-start;
|
||||
flex: 1 1 32rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@@ -252,10 +255,39 @@ h3,
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
justify-content: flex-end;
|
||||
margin-left: auto;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
@media (min-width: 1081px) {
|
||||
.site-header {
|
||||
grid-template-columns: 1fr;
|
||||
row-gap: 0.9rem;
|
||||
}
|
||||
|
||||
.desktop-header-main {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 1.4rem;
|
||||
}
|
||||
|
||||
.desktop-header-sub {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.desktop-nav {
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.desktop-actions {
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
|
||||
.user-chip,
|
||||
.mobile-profile-link {
|
||||
display: inline-flex;
|
||||
@@ -1295,7 +1327,6 @@ legend {
|
||||
}
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.site-header,
|
||||
.hero,
|
||||
.page-intro,
|
||||
.panel-head,
|
||||
@@ -1310,11 +1341,15 @@ legend {
|
||||
|
||||
.site-header {
|
||||
position: static;
|
||||
grid-template-columns: 1fr auto;
|
||||
width: 100%;
|
||||
margin: 0 0 1.15rem;
|
||||
}
|
||||
|
||||
.desktop-header-main,
|
||||
.desktop-header-sub {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.stats-grid,
|
||||
.two-column,
|
||||
.template-library-grid,
|
||||
|
||||
Reference in New Issue
Block a user