edit task management

src/app/core/models/nav-items.model.ts

@@ -2,5 +2,5 @@ export interface NAV_ITEMS {
   name: string;
   img: string;
   index: number;
-  link: string;
+  link?: string;
 }

src/app/modules/components/side-nav/side-nav.component.html

@@ -1,6 +1,6 @@
 <nav fxLayout="column" fxLayoutAlign="start center">
   <img src="../../../../assets/images/logo.svg" alt="" title="" />
-  <ul fxLayout="column" fxLayoutAlign="start start" class="gap-20">
+  <ul fxLayout="column" fxLayoutAlign="start start" class="gap-10">
     <li *ngFor="let item of navItems">
       <a
         [routerLink]="item.link"
@@ -14,18 +14,4 @@
       </a>
     </li>
   </ul>
-  <div class="absolute bottom">
-    <ul>
-      <li class="mb-1 border-0">
-        <a routerLink="['']">
-          <img src="../../../../assets/images/setting.svg" />
-        </a>
-      </li>
-      <li class="border-0">
-        <a routerLink="['']"
-          ><img src="../../../../assets/images/logout.svg"
-        /></a>
-      </li>
-    </ul>
-  </div>
 </nav>

src/app/modules/components/side-nav/side-nav.component.scss

@@ -4,17 +4,18 @@
       //   width: 100px;
       height: 100%;
       background-color: $main-color;
-      border-radius: 20px;
+      // border-radius: 20px;
       padding-top: 10px;
       position: relative;
       ul {
         list-style: none;
         color: $white-color;
-        padding: 40px 20px;
+        padding: 20px 20px;
+        margin-top: 2rem;
         li {
           border-bottom: 1px solid $white-color;
           width: 100%;
-          padding-bottom: 20px;
+          padding-bottom: 10px;
           cursor: pointer;
           &:hover {
             color: $light-blue;

src/app/modules/components/side-nav/side-nav.component.ts

@@ -74,5 +74,15 @@ export class SideNavComponent {
       img: '../../../../assets/images/order.svg',
       link: 'orders',
     },
+    {
+      index: 11,
+      name: 'Setting',
+      img: '../../../../assets/images/setting.svg',
+    },
+    {
+      index: 11,
+      name: 'Logout',
+      img: '../../../../assets/images/logout.svg',
+    },
   ];
 }

src/app/modules/task-management/task-managemnt-theme.scss

@@ -9,6 +9,7 @@
         h1 {
           color: $main-color;
           margin-bottom: 30px;
+          font-size: 20px;
         }
       }