1---
2/**
3 * Docs header override: the marketing nav (row 1) plus the horizontal docs
4 * tab bar (row 2). `--sl-nav-height` is raised in custom.css to make room
5 * for the second row; the mobile hamburger stays pinned to row 1.
6 */
7import Nav from "../marketing/Nav.astro";
8import DocsTabs from "./DocsTabs.astro";
9---
10
11<div class="alc-docs-header">
12 <div class="alc-docs-header__nav">
13 <Nav />
14 </div>
15 <DocsTabs />
16</div>
17
18<style>
19 .alc-docs-header {
20 display: flex;
21 flex-direction: column;
22 height: 100%;
23 }
24 .alc-docs-header__nav {
25 height: var(--alc-nav-row-height, 4rem);
26 flex-shrink: 0;
27 }
28</style>