update apptopbar logo

This commit is contained in:
Mehmet Çetin
2025-01-06 12:27:37 +03:00
parent 04160d6fc2
commit 1e85c1bbea

View File

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