update apptopbar logo
This commit is contained in:
@@ -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();
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user