17 lines
485 B
HTML
17 lines
485 B
HTML
<div class="layout-shell">
|
|
<!-- Desktop/Kiosk: Nav Rail on the left -->
|
|
<app-nav-rail class="layout-shell__nav-rail" />
|
|
|
|
<div class="layout-shell__main">
|
|
<!-- Header bar at top of content area -->
|
|
<app-header-bar class="layout-shell__header" />
|
|
|
|
<!-- Scrollable content area -->
|
|
<main class="layout-shell__content">
|
|
<router-outlet />
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Mobile: Bottom Navigation Bar -->
|
|
<app-bottom-nav class="layout-shell__bottom-nav" />
|
|
</div> |