updated

src/app/app.html

@@ -9,24 +9,39 @@
         <div class="sidebar-logo">
             <a href="https://ng.ant.design/" target="_blank">
                 <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
-                <h1>Ant Design of Angular</h1>
+                <h1>My Library</h1>
             </a>
         </div>
-        <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
+        <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed" class="text-xl" >
             <li nz-menu-item nzMatchRouter>
-                <a routerLink="/welcome">Welcome</a>
+                <a routerLink="/welcome">
+                    <nz-icon nzType="home"></nz-icon>
+                    <span>Welcome</span>
+                </a>
             </li>
             <li nz-menu-item nzMatchRouter>
-                <a routerLink="/book">Book</a>
+                <a routerLink="/book">
+                    <nz-icon nzType="book"></nz-icon>
+                    <span>Book</span>
+                </a>
             </li>
             <li nz-menu-item nzMatchRouter>
-                <a routerLink="/author">Author</a>
+                <a routerLink="/author">
+                    <nz-icon nzType="user"></nz-icon>
+                    <span>Author</span>
+                </a>
             </li>
             <li nz-menu-item nzMatchRouter>
-                <a routerLink="/loan">Loan</a>
+                <a routerLink="/loan">
+                    <nz-icon nzType="file-done"></nz-icon>
+                    <span>Loan</span>
+                </a>
             </li>
             <li nz-menu-item nzMatchRouter>
-                <a routerLink="/user">User</a>
+                <a routerLink="/user">
+                    <nz-icon nzType="team"></nz-icon>
+                    <span>User</span>
+                </a>
             </li>
         </ul>
     </nz-sider>