diff --git a/resources/css/app.css b/resources/css/app.css
index ab6b09a3..b3c8ec35 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -301,23 +301,42 @@
}
}
@media (min-width: 1280px) {
- .tempo-header-inner {
- display: flex;
- min-height: 88px;
- gap: 0.75rem;
+ /* Shared columns keep each portal area below its institutional link. */
+ .tempo-header-layout {
+ display: grid;
+ grid-template-columns: auto repeat(4, max-content) minmax(0, 1fr) auto;
+ column-gap: 0.25rem;
+ max-width: 1440px;
+ margin-inline: auto;
padding-inline: 2rem;
}
+ .tempo-header-inner {
+ grid-column: 1 / -1;
+ grid-template-columns: subgrid;
+ min-height: 88px;
+ column-gap: normal;
+ max-width: none;
+ margin: 0;
+ padding: 0;
+ }
+ .tempo-logo-link {
+ margin-right: 0.75rem;
+ }
.tempo-header-logo {
height: 64px;
}
+ .tempo-header[data-expanded] .tempo-primary-navigation,
.tempo-primary-navigation {
- display: block;
- flex: 1;
+ display: grid;
+ grid-area: 1 / 2 / 2 / 6;
+ grid-template-columns: subgrid;
border: 0;
}
.tempo-primary-navigation > ul {
- justify-content: center;
- gap: 0.25rem;
+ display: grid;
+ grid-column: 1 / -1;
+ grid-template-columns: subgrid;
+ gap: normal;
padding: 0;
}
.tempo-nav-trigger {
@@ -332,6 +351,8 @@
}
.tempo-header-extras {
display: flex;
+ grid-area: 1 / 6;
+ justify-self: end;
flex-shrink: 0;
padding: 0 0.75rem;
border-top: 0;
@@ -347,16 +368,47 @@
.tempo-header-toggle {
display: none;
}
+ .tempo-header-actions {
+ grid-area: 1 / 7;
+ }
+ .tempo-section-bar {
+ display: grid;
+ grid-column: 1 / -1;
+ grid-template-columns: subgrid;
+ }
.tempo-section-inner {
- padding-inline: 2rem;
+ grid-column: 1 / -1;
+ grid-template-columns: subgrid;
+ gap: normal;
+ max-width: none;
+ margin: 0;
+ padding-inline: 0;
+ }
+ .tempo-section-navigation {
+ display: grid;
+ grid-area: 1 / 2 / 2 / 5;
+ grid-template-columns: subgrid;
+ }
+ .tempo-section-navigation > ul {
+ display: grid;
+ grid-column: 1 / -1;
+ grid-template-columns: subgrid;
+ gap: normal;
}
.tempo-section-navigation .tempo-nav-trigger {
- padding-inline: 1.25rem;
+ padding-inline: 0.625rem;
+ }
+ .tempo-primary-navigation .tempo-nav-trigger,
+ .tempo-section-navigation .tempo-nav-trigger {
+ justify-content: flex-start;
}
.tempo-interest-button {
padding-inline: 0.85rem;
font-size: 0.8125rem;
}
+ .tempo-section-inner .tempo-interest-button {
+ grid-area: 1 / 6 / 2 / -1;
+ }
}
.tempo-header :is(a, button):focus-visible {
outline: 2px solid #fff;
diff --git a/resources/js/components/portal-grouped-menu.tsx b/resources/js/components/portal-grouped-menu.tsx
index e14b85ed..ef1346c5 100644
--- a/resources/js/components/portal-grouped-menu.tsx
+++ b/resources/js/components/portal-grouped-menu.tsx
@@ -127,223 +127,237 @@ export function PortalGroupedMenu() {
}
}}
>
-
-
-
-
-
-
-
-
-
);
};