mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-18 14:22:35 +00:00
31c35dd5fa
+ simple layout 3 tweaks + added modules to all pages + moved some stuff to the SharedModule from AppModule + typography page structure
50 lines
1.3 KiB
HTML
50 lines
1.3 KiB
HTML
<div class="page-layout simple right-sidenav inner-sidenav" fxLayout="column">
|
|
|
|
<!-- HEADER -->
|
|
<div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">
|
|
|
|
<button md-button class="mat-icon-button sidenav-toggle"
|
|
fuseMdSidenavToggler="simple-left-sidenav"
|
|
fxHide.gt-md>
|
|
<md-icon>menu</md-icon>
|
|
</button>
|
|
|
|
<div>
|
|
<h2>Right inner sidenav with content scroll</h2>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- / HEADER -->
|
|
|
|
<md-sidenav-container>
|
|
|
|
<!-- CENTER -->
|
|
<div class="center p-24" perfect-scrollbar>
|
|
|
|
<!-- CONTENT -->
|
|
<div class="content p-24 mat-elevation-z4">
|
|
|
|
<fuse-demo-content></fuse-demo-content>
|
|
|
|
</div>
|
|
<!-- / CONTENT -->
|
|
|
|
</div>
|
|
<!-- / CENTER -->
|
|
|
|
<!-- SIDENAV -->
|
|
<md-sidenav class="sidenav mat-sidenav-opened" align="end" opened="true" mode="side"
|
|
fuseMdSidenavHelper="simple-left-sidenav" md-is-locked-open="gt-md">
|
|
|
|
<div class="sidenav-content" perfect-scrollbar>
|
|
|
|
<fuse-demo-sidenav></fuse-demo-sidenav>
|
|
|
|
</div>
|
|
|
|
</md-sidenav>
|
|
<!-- / SIDENAV -->
|
|
|
|
</md-sidenav-container>
|
|
|
|
</div> |