Simple Managment webapp [LLM]

webapp/src/app/layout/main-layout/main-layout.component.html

@@ -9,10 +9,9 @@
     [nzCollapsedWidth]="80"
   >
     <div class="sidebar-logo">
+      <img src="/logo.png" alt="SCN" class="sidebar-logo-img" />
       @if (!isCollapsed()) {
         <span>SimpleCloudNotifier</span>
-      } @else {
-        <span>SCN</span>
       }
     </div>
     <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed()">
@@ -62,7 +61,6 @@
           <span nz-icon nzType="logout"></span>
           Logout
         </button>
-        <img src="assets/logo.png" alt="SCN" class="header-logo" />
       </div>
     </nz-header>
     <nz-content class="content-area">

webapp/src/app/layout/main-layout/main-layout.component.scss

@@ -18,6 +18,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 10px;
   padding: 0 16px;
   background: #001529;
   color: #fff;
@@ -25,6 +26,12 @@
   font-weight: 600;
   overflow: hidden;
   white-space: nowrap;
+
+  .sidebar-logo-img {
+    height: 32px;
+    width: auto;
+    flex-shrink: 0;
+  }
 }
 
 .app-header {
@@ -64,11 +71,6 @@
     color: #666;
     font-size: 13px;
   }
-
-  .header-logo {
-    height: 36px;
-    width: auto;
-  }
 }
 
 .content-area {