💄 add logo to sidebar

Author: marcode24

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

@@ -1,5 +1,8 @@
 <nav class="sidebar closed">
   <div class="logo">
+    <figure>
+      <img src="assets/images/logo.svg" alt="logo_image">
+    </figure>
     <span class="name">Cloud Box</span>
     <div class="close">
       <i class="bx bx-x" (click)="changeVisibilitySidebar()"></i>

src/app/core/components/sidebar/sidebar.component.scss

@@ -27,12 +27,31 @@ nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 1rem;
+  gap: 0.8rem;
   width: 100%;
 
   & .name {
     @include fs-1;
-    @include fw-600;
+    @include fw-700;
+    flex: 1;
+  }
+
+  & figure {
+    width: 4rem;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    @include width-medium {
+      display: none;
+    }
+
+    & img {
+      width: 100%;
+      height: 100%;
+    }
   }
 }
 
@@ -44,7 +63,7 @@ nav {
 
   & .item {
     list-style: none;
-    height: 60px;
+    min-height: 60px;
 
     & a {
       color: var(--fc-primary);