Adjust portal header mobile row layout

2026-05-18 16:22:49 +02:00
parent 5530075c23
commit 2e74afdff9
2 changed files with 23 additions and 3 deletions
@@ -1377,11 +1377,31 @@ section + section {

@media (max-width: calc(var(--layout-object-card-desktop-breakpoint) - 1px)) {
  .sg-portal-header {
-    align-items: flex-start;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-areas:
+      "brand menu"
+      "tabs tabs";
+    align-items: start;
+    row-gap: var(--spacing-small);
+    column-gap: var(--spacing-large);
  }

  .sg-portal-header__main {
-    gap: var(--spacing-small);
+    display: contents;
+  }
+
+  .sg-portal-header__brand {
+    grid-area: brand;
+  }
+
+  .sg-portal-header__tabs {
+    grid-area: tabs;
+  }
+
+  .sg-portal-header__menu-wrap {
+    grid-area: menu;
+    justify-self: end;
  }
 }