mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-18 14:22:35 +00:00
39 lines
1.1 KiB
HTML
39 lines
1.1 KiB
HTML
<ng-container *ngIf="layout == 'vertical'">
|
|
|
|
<div class="navbar-vertical">
|
|
|
|
<div class="navbar-header">
|
|
|
|
<div class="logo">
|
|
<img class="logo-icon" src="assets/images/logos/fuse.svg">
|
|
<span class="logo-text">FUSE</span>
|
|
</div>
|
|
|
|
<button mat-icon-button class="toggle-sidebar-folded"
|
|
(click)="toggleSidebarFolded()" fxHide.lt-lg>
|
|
<mat-icon>menu</mat-icon>
|
|
</button>
|
|
|
|
<button mat-icon-button class="toggle-sidebar-opened"
|
|
(click)="toggleSidebarOpened()" fxHide.gt-md>
|
|
<mat-icon>arrow_back</mat-icon>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="navbar-content" fusePerfectScrollbar
|
|
[fusePerfectScrollbarOptions]="{suppressScrollX: true}">
|
|
<fuse-navigation layout="vertical"></fuse-navigation>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="layout == 'horizontal'">
|
|
|
|
<div class="navbar-horizontal">
|
|
<fuse-navigation layout="horizontal"></fuse-navigation>
|
|
</div>
|
|
|
|
</ng-container> |