update apptopbar logo

src/layout/apptopbar.ts

@@ -8,20 +8,13 @@ import { LayoutService } from '@/src/service/layout.service';
 
 @Component({
     selector: 'app-topbar',
-    standalone:true,
-    imports: [
-        RouterModule,
-        CommonModule,
-        StyleClassModule,
-        AppConfigurator
-    ],
-    template: `
-    <div class="layout-topbar">
+    standalone: true,
+    imports: [RouterModule, CommonModule, StyleClassModule, AppConfigurator],
+    template: ` <div class="layout-topbar">
         <div class="layout-topbar-logo-container">
             <button class="layout-menu-button layout-topbar-action" (click)="layoutService.onMenuToggle()">
                 <i class="pi pi-bars"></i>
             </button>
-        </div>
             <a class="layout-topbar-logo" routerLink="/">
                 <svg viewBox="0 0 54 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path
@@ -42,11 +35,12 @@ import { LayoutService } from '@/src/service/layout.service';
                 </svg>
                 <span>SAKAI</span>
             </a>
+        </div>
 
         <div class="layout-topbar-actions">
             <div class="layout-config-menu">
                 <button type="button" class="layout-topbar-action" (click)="toggleDarkMode()">
-                    <i [ngClass]="{'pi ': true, 'pi-moon': layoutService.isDarkTheme(), 'pi-sun': !layoutService.isDarkTheme()}"></i>
+                    <i [ngClass]="{ 'pi ': true, 'pi-moon': layoutService.isDarkTheme(), 'pi-sun': !layoutService.isDarkTheme() }"></i>
                 </button>
                 <div class="relative">
                     <button
@@ -78,7 +72,6 @@ import { LayoutService } from '@/src/service/layout.service';
                 <i class="pi pi-ellipsis-v"></i>
             </button>
 
-
             <div #topbarmenu class="layout-topbar-menu hidden lg:block">
                 <div class="layout-topbar-menu-content">
                     <button type="button" class="layout-topbar-action">
@@ -96,11 +89,9 @@ import { LayoutService } from '@/src/service/layout.service';
                 </div>
             </div>
         </div>
-
-    </div>`,
+    </div>`
 })
 export class AppTopBar {
-
     items!: MenuItem[];
 
     @ViewChild('menubutton') menuButton!: ElementRef;
@@ -109,10 +100,9 @@ export class AppTopBar {
 
     @ViewChild('topbarmenu') menu!: ElementRef;
 
-    constructor(public layoutService: LayoutService) { }
+    constructor(public layoutService: LayoutService) {}
 
-    toggleDarkMode(){
-        this.layoutService.toggleDarkMode()
+    toggleDarkMode() {
+        this.layoutService.toggleDarkMode();
     }
-
 }