mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-20 07:08:12 +00:00
71 lines
2.0 KiB
HTML
71 lines
2.0 KiB
HTML
<div class="page-layout carded left-sidenav">
|
|
|
|
<!-- TOP BACKGROUND -->
|
|
<div class="top-bg md-accent-bg"></div>
|
|
<!-- / TOP BACKGROUND -->
|
|
|
|
<md-sidenav-container>
|
|
|
|
<!-- SIDENAV -->
|
|
<md-sidenav class="sidenav mat-sidenav-opened" align="start" opened="true" mode="side"
|
|
fuseMdSidenavHelper="carded-left-sidenav" md-is-locked-open="gt-md">
|
|
|
|
<!-- SIDENAV HEADER -->
|
|
<div class="header md-accent-bg p-24">
|
|
<h2>Sidenav header</h2>
|
|
</div>
|
|
<!-- / SIDENAV HEADER -->
|
|
|
|
<!-- SIDENAV CONTENT -->
|
|
<div class="content p-24" perfect-scrollbar>
|
|
|
|
<fuse-demo-sidenav></fuse-demo-sidenav>
|
|
|
|
</div>
|
|
<!-- / SIDENAV CONTENT -->
|
|
|
|
</md-sidenav>
|
|
<!-- / SIDENAV -->
|
|
|
|
<!-- CENTER -->
|
|
<div class="center">
|
|
|
|
<!-- CONTENT HEADER -->
|
|
<div class="header md-accent-bg p-24">
|
|
<h2>Left sidenav with content scroll</h2>
|
|
</div>
|
|
<!-- / CONTENT HEADER -->
|
|
|
|
<!-- CONTENT CARD -->
|
|
<div class="content-card md-white-bg">
|
|
|
|
<!-- CONTENT TOOLBAR -->
|
|
<div class="toolbar px-24 py-8">
|
|
<button md-button class="mat-icon-button sidenav-toggle"
|
|
fuseMdSidenavToggler="carded-left-sidenav"
|
|
fxHide.gt-md>
|
|
<md-icon>menu</md-icon>
|
|
</button>
|
|
|
|
<span>Content toolbar</span>
|
|
</div>
|
|
<!-- / CONTENT TOOLBAR -->
|
|
|
|
<!-- CONTENT -->
|
|
<div class="content p-24" perfect-scrollbar>
|
|
|
|
<fuse-demo-content></fuse-demo-content>
|
|
|
|
</div>
|
|
<!-- / CONTENT -->
|
|
|
|
</div>
|
|
<!-- / CONTENT CARD -->
|
|
|
|
</div>
|
|
<!-- / CENTER -->
|
|
|
|
</md-sidenav-container>
|
|
|
|
</div>
|