Refactor layout and add header, navbar, schedule components
Introduced MainLayoutComponent with header and navbar for consistent app layout. Added HeaderComponent, NavbarComponent, ScheduleComponent, and MainComponent. Updated routing to use MainLayout for main and schedule pages. Renamed home-component to home and main-page to main, removing obsolete main-page files.
This commit is contained in:
9
src/app/header/header.component.css
Normal file
9
src/app/header/header.component.css
Normal file
@@ -0,0 +1,9 @@
|
||||
header {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
height: 60px;
|
||||
background-color: greenyellow;
|
||||
}
|
||||
2
src/app/header/header.component.html
Normal file
2
src/app/header/header.component.html
Normal file
@@ -0,0 +1,2 @@
|
||||
<header class="header">
|
||||
</header>
|
||||
11
src/app/header/header.component.ts
Normal file
11
src/app/header/header.component.ts
Normal file
@@ -0,0 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-header',
|
||||
standalone: false,
|
||||
templateUrl: './header.component.html',
|
||||
styleUrl: './header.component.css'
|
||||
})
|
||||
export class HeaderComponent {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user