mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<!-- Always shows a header, even in smaller screens. -->
|
|
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
|
<header class="mdl-layout__header">
|
|
<div class="mdl-layout__header-row">
|
|
<!-- Title -->
|
|
<span class="mdl-layout-title">Title</span>
|
|
<!-- Add spacer, to align navigation to the right -->
|
|
<div class="mdl-layout-spacer"></div>
|
|
<!-- Navigation. We hide it in small screens. -->
|
|
<nav class="mdl-navigation mdl-layout--large-screen-only">
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<div class="mdl-layout__drawer">
|
|
<span class="mdl-layout-title">Title</span>
|
|
<nav class="mdl-navigation">
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
<a class="mdl-navigation__link" href="">Link</a>
|
|
</nav>
|
|
</div>
|
|
<main class="mdl-layout__content">
|
|
<div class="page-content"><!-- Your content goes here --></div>
|
|
</main>
|
|
</div>
|