-<aside class="side-menu__container" [ngClass]="{'side-menu__container-active': showMenu}" (click)="toggleMenu()">
- <nav class="slide-menu" [ngClass]="{'slide-menu-active': showMenu}" (click)="$event.stopImmediatePropagation();">
- <section class="menu-header">
-
- <span class="greeting__text">RIC Dashboard</span>
+<mat-drawer-container autosize>
+ <mat-drawer #drawer mode="push">
+ <section class="menu-header">
+
+ <div class="left__section3Col" *ngIf="drawer.opened" [ngClass]="{'menumargin-top': drawer.opened}">
+ <svg (click)="drawer.toggle()" class="hamburger__icon" id="Menu_Burger_Icon" data-name="Menu Burger Icon"
+ viewBox="31.5 30 49.9 32">
+ <rect id="Rectangle_9" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkModeActive}"
+ class="hamburger__icon__fill" data-name="Rectangle 9" rx="2"
+ transform="translate(31.5 58)"/>
+ <rect id="Rectangle_10" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkModeActive}"
+ class="hamburger__icon__fill" data-name="Rectangle 10" rx="2"
+ transform="translate(31.5 44)"/>
+ <rect id="Rectangle_11" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkModeActive}"
+ class="hamburger__icon__fill" data-name="Rectangle 11" rx="2"
+ transform="translate(31.5 30)"/>
+ </svg>
+ <img src="../../assets/oran-logo.png" width="180%" height="100%" style="position: relative; z-index: 50"/>
+ <svg class="logo__icon" viewBox="150.3 22.2 313.7 42.8">
+ <text [ngClass]="{'logo__text-dark': darkModeActive}" class="logo__text" fill="#432c85"
+ font-size="30" font-weight="600"
+ letter-spacing=".1em" transform="translate(149 56)">
+ <tspan x="0" y="0">RIC Dashboard</tspan>
+ </text>
+ </svg>
+
+ </div>
+