diff --git a/src/app/app.component.html b/src/app/app.component.html index 9081e6e..6448495 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,302 +1,5 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for ( - item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; - track item.title - ) { - - {{ item.title }} - - - - - } -
- -
-
+ +
+
- - - - - - - - - - + \ No newline at end of file diff --git a/src/app/app.component.scss b/src/app/app.component.scss index e69de29..7474ab1 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -0,0 +1,11 @@ +:host { + display: flex; + flex-direction: column; + min-height: 100vh; +} + +main { + flex: 1; + padding: 8px 16px; + overflow: auto; +} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index c148e4f..9a948ea 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,9 +1,12 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; +import { FooterComponent } from './footer/footer.component'; +import { HeaderComponent } from './header/header.component'; + @Component({ selector: 'app-root', - imports: [RouterOutlet], + imports: [RouterOutlet, HeaderComponent, FooterComponent], templateUrl: './app.component.html', styleUrl: './app.component.scss', })