61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<nz-layout class="app-layout">
|
|
<nz-sider class="menu-sidebar"
|
|
nzCollapsible
|
|
nzWidth="256px"
|
|
nzBreakpoint="md"
|
|
[(nzCollapsed)]="isCollapsed"
|
|
[nzTrigger]="null"
|
|
>
|
|
<div class="sidebar-logo">
|
|
<img src="https://png.pngtree.com/png-vector/20250211/ourmid/pngtree-colorful-book-stack-logo-design-perfect-for-education-or-library-projects-vector-png-image_15444285.png" alt="logo">
|
|
<h1>My Library</h1>
|
|
</div>
|
|
<ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed" class="text-xl">
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/welcome">
|
|
<nz-icon nzType="home"></nz-icon>
|
|
<span>Welcome</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/book">
|
|
<nz-icon nzType="book"></nz-icon>
|
|
<span>Book</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/author">
|
|
<nz-icon nzType="user"></nz-icon>
|
|
<span>Author</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/loan">
|
|
<nz-icon nzType="file-done"></nz-icon>
|
|
<span>Loan</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/user">
|
|
<nz-icon nzType="team"></nz-icon>
|
|
<span>User</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nz-sider>
|
|
<nz-layout>
|
|
<nz-header>
|
|
<div class="app-header">
|
|
<span class="header-trigger" (click)="isCollapsed = !isCollapsed">
|
|
<nz-icon class="trigger" [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"/>
|
|
</span>
|
|
</div>
|
|
</nz-header>
|
|
<nz-content>
|
|
<div class="inner-content">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</nz-content>
|
|
</nz-layout>
|
|
</nz-layout>
|