logo

src/app/shared/components/sidebar/sidebar.component.html

 <!-- Start::app-sidebar -->
-<aside class="app-sidebar" [ngClass]="{ 'sticky-pin': scrolled }" id="sidebar">
+<aside class="app-sidebar" [ngClass]="{ 'sticky-pin': scrolled }" id="sidebar" style="padding-top: 0;border-width: 0;">
   <!-- Start::main-sidebar-header -->
-  <div class="main-sidebar-header">
+  <div class="main-sidebar-header" style="background-color: white;padding-top: 0px;padding-bottom: 0px;">
     <a routerLink="/dashboard/sales" class="header-logo">
-      <img src="./assets/img/brand-logos/desktop-logo.png" alt="logo" class="main-logo desktop-logo" />
-      <img src="./assets/img/brand-logos/toggle-logo.png" alt="logo" class="main-logo toggle-logo" />
-      <img src="./assets/img/brand-logos/desktop-dark.png" alt="logo" class="main-logo desktop-dark" />
-      <img src="./assets/img/brand-logos/toggle-dark.png" alt="logo" class="main-logo toggle-dark" />
+      <img src="./assets/img/brand-logos/logo.png" alt="logo" class="main-logo desktop-logo"
+        style="height: 100%;object-fit: contain;" />
+      <img src="./assets/img/brand-logos/logo.png" alt="logo" class="main-logo toggle-logo"
+        style="height: 100%;object-fit: contain;" />
+      <img src="./assets/img/brand-logos/logo.png" alt="logo" class="main-logo desktop-dark"
+        style="height: 100%;object-fit: contain;" />
+      <img src="./assets/img/brand-logos/logo.png" alt="logo" class="main-logo toggle-dark"
+        style="height: 100%;object-fit: contain;" />
     </a>
   </div>
   <!-- End::main-sidebar-header -->
@@ -24,53 +28,59 @@
         <ul class="main-menu">
           <!-- 1st Level Menu -->
           <ng-container *ngFor="let menuItem of menuItems">
-              <li class="slide" #activeMenuItems
-                  [ngClass]="{'slide__category':menuItem.headTitle,
+            <li class="slide" #activeMenuItems [ngClass]="{'slide__category':menuItem.headTitle,
                   'slide has-sub':menuItem.title,
                   'open': menuItem.active,
                   'active': menuItem.selected,}">
               <!-- head title  -->
               <span *ngIf="menuItem.headTitle" class="category-name">{{menuItem.headTitle}}</span>
               <!-- has-Link -->
-                  <a class="side-menu__item" [routerLink]="!menuItem.type ? null : [menuItem.path]" routerLinkActive="active" *ngIf="menuItem.type === 'link'"
-                      (click)="setNavActive(menuItem)">
+              <a class="side-menu__item" [routerLink]="!menuItem.type ? null : [menuItem.path]"
+                routerLinkActive="active" *ngIf="menuItem.type === 'link'" (click)="setNavActive(menuItem)">
                 <i *ngIf="menuItem.icon" class="side-menu__icon demoicon ri-{{menuItem.icon}}"></i>
                 <span class="side-menu__label">{{menuItem.title}}</span>
               </a>
               <!-- has-empty -->
-                  <a class="side-menu__item" href="javascript:;" *ngIf="menuItem.type === 'empty'" (click)="setNavActive(menuItem)">
+              <a class="side-menu__item" href="javascript:;" *ngIf="menuItem.type === 'empty'"
+                (click)="setNavActive(menuItem)">
                 <i *ngIf="menuItem.icon" class="side-menu__icon demoicon ri-{{menuItem.icon}}"></i>
                 <span class="side-menu__label">{{menuItem.title}}</span>
               </a>
               <!-- has-Sub -->
-                  <a class="side-menu__item with-sub" [routerLink]="menuItem.type ? null: [menuItem.path]" [ngClass]="{active: menuItem.selected}" *ngIf="menuItem.type === 'sub'"
+              <a class="side-menu__item with-sub" [routerLink]="menuItem.type ? null: [menuItem.path]"
+                [ngClass]="{active: menuItem.selected}" *ngIf="menuItem.type === 'sub'"
                 (click)="toggleNavActive(menuItem)">
                 <i *ngIf="menuItem.icon" class="side-menu__icon demoicon ri-{{menuItem.icon}}"></i>
                 <span class="side-menu__label">{{menuItem.title}}</span>
-                      <span class="badge {{menuItem.badgeClass}} side-badge" *ngIf="menuItem.badgeClass && menuItem.badgeValue">
+                <span class="badge {{menuItem.badgeClass}} side-badge"
+                  *ngIf="menuItem.badgeClass && menuItem.badgeValue">
                   {{menuItem.badgeValue}}
                 </span>
                 <i class="ri ri-arrow-right-s-line side-menu__angle"></i>
               </a>
 
               <!-- 2nd Level menu -->
-                  <ul class="slide-menu child1" *ngIf="menuItem.children" [ngStyle]="{ display: menuItem.active ? 'block' : 'none' }">
+              <ul class="slide-menu child1" *ngIf="menuItem.children"
+                [ngStyle]="{ display: menuItem.active ? 'block' : 'none' }">
                 <li class="slide side-menu__label1"><a href="javascript:void(0)">{{menuItem.title}}</a></li>
                 <ng-container *ngFor="let childrenItem of menuItem.children">
                   <li class="slide" activeMenuItems
                     [ngClass]="{'is-expanded': childrenItem.active, active: childrenItem.active, 'sub-slide': childrenItem.type === 'sub'}">
                     <!-- link -->
-                              <a class="side-menu__item" [routerLink]="!childrenItem.type ? null : [childrenItem.path] " routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}"
+                    <a class="side-menu__item" [routerLink]="!childrenItem.type ? null : [childrenItem.path] "
+                      routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}"
                       *ngIf="childrenItem.type === 'link'" (click)="setNavActive(childrenItem)">
                       {{childrenItem.title}}
                     </a>
                     <!-- empty -->
-                              <a class="side-menu__item" href="javascript:;" *ngIf="childrenItem.type === 'empty' " (click)="setNavActive(childrenItem)">
+                    <a class="side-menu__item" href="javascript:;" *ngIf="childrenItem.type === 'empty' "
+                      (click)="setNavActive(childrenItem)">
                       {{childrenItem.title }}
                     </a>
                     <!-- sub -->
-                              <a class="side-menu__item" [ngClass]="{active: childrenItem.selected}" [routerLink]="childrenItem.type ? null : [childrenItem.path]"
-                                  *ngIf="childrenItem.type === 'sub'" (click)="toggleNavActive(childrenItem)">
+                    <a class="side-menu__item" [ngClass]="{active: childrenItem.selected}"
+                      [routerLink]="childrenItem.type ? null : [childrenItem.path]" *ngIf="childrenItem.type === 'sub'"
+                      (click)="toggleNavActive(childrenItem)">
                       <span class="">{{childrenItem.title}}</span>
                       <i class="ri ri-arrow-right-s-line side-menu__angle"></i>
                     </a>
@@ -83,7 +93,8 @@
                       <ng-container *ngFor="let childrenSubItem of childrenItem.children">
                         <li class="slide" activeMenuItems [ngClass]="{'is-expanded': childrenSubItem.active}">
                           <!-- link -->
-                                          <a class="side-menu__item" routerLinkActive="active" [routerLink]="!childrenSubItem.type ?  null : [childrenSubItem.path]"
+                          <a class="side-menu__item" routerLinkActive="active"
+                            [routerLink]="!childrenSubItem.type ?  null : [childrenSubItem.path]"
                             *ngIf="childrenSubItem.type === 'link'" [routerLinkActiveOptions]="{exact : true}">
                             {{childrenSubItem.title}} {{localdata['synto-dir']}}
                           </a>