diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 1c8cb8a..6545c5f 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -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: ` + ` }) diff --git a/src/components/common/header/header.component.css b/src/components/common/header/header.component.css new file mode 100644 index 0000000..36ebaa9 --- /dev/null +++ b/src/components/common/header/header.component.css @@ -0,0 +1,9 @@ +mat-toolbar a { + color: inherit; + cursor: pointer; + text-decoration: none; +} + +mat-toolbar a:hover { + text-decoration: underline; +} diff --git a/src/components/common/header/header.component.html b/src/components/common/header/header.component.html new file mode 100644 index 0000000..548ebc9 --- /dev/null +++ b/src/components/common/header/header.component.html @@ -0,0 +1,3 @@ + + Winsomnia + diff --git a/src/components/common/header/header.component.ts b/src/components/common/header/header.component.ts new file mode 100644 index 0000000..d550edd --- /dev/null +++ b/src/components/common/header/header.component.ts @@ -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 { + +}