mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-11-04 02:34:01 +00:00
38 lines
1.1 KiB
HTML
38 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-button-navbar"
|
|
(click)="toggleSidebarFolded()" fxHide.lt-lg>
|
|
<mat-icon>menu</mat-icon>
|
|
</button>
|
|
|
|
<button mat-icon-button class="toggle-button-navbar"
|
|
(click)="toggleSidebarOpened()" fxHide.gt-md>
|
|
<mat-icon>arrow_back</mat-icon>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="navbar-content" fusePerfectScrollbar>
|
|
<fuse-navigation [navigation]="navigation" layout="vertical"></fuse-navigation>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="layout == 'horizontal'">
|
|
|
|
<div class="navbar-horizontal">
|
|
<fuse-navigation [navigation]="navigation" layout="horizontal"></fuse-navigation>
|
|
</div>
|
|
|
|
</ng-container> |