feat: add header

This commit is contained in:
Polianin Nikita 2024-08-23 23:57:14 +03:00
parent 35217726b0
commit ef0de7f709
4 changed files with 33 additions and 1 deletions

View File

@ -5,12 +5,14 @@ import localeRu from '@angular/common/locales/ru';
import {registerLocaleData} from '@angular/common';
import {FocusNextDirective} from "@/directives/focus-next.directive";
import {TokenRefreshService} from "@service/token-refresh.service";
import {HeaderComponent} from "@component/common/header/header.component";
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet, FooterComponent, FocusNextDirective],
imports: [RouterOutlet, FooterComponent, FocusNextDirective, HeaderComponent],
template: `
<app-header/>
<router-outlet/>
<app-footer/>`
})

View File

@ -0,0 +1,9 @@
mat-toolbar a {
color: inherit;
cursor: pointer;
text-decoration: none;
}
mat-toolbar a:hover {
text-decoration: underline;
}

View File

@ -0,0 +1,3 @@
<mat-toolbar style="justify-content: space-between;">
<a href="/" style="color: inherit;">Winsomnia</a>
</mat-toolbar>

View File

@ -0,0 +1,18 @@
import { Component } from '@angular/core';
import {MatToolbar} from "@angular/material/toolbar";
import {MatAnchor, MatButton} from "@angular/material/button";
@Component({
selector: 'app-header',
standalone: true,
imports: [
MatToolbar,
MatButton,
MatAnchor
],
templateUrl: './header.component.html',
styleUrl: './header.component.css'
})
export class HeaderComponent {
}