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:
11
src/app/navbar/navbar.component.css
Normal file
11
src/app/navbar/navbar.component.css
Normal file
@@ -0,0 +1,11 @@
|
||||
nav {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
width: 200px;
|
||||
background-color: #ff0080;
|
||||
}
|
||||
2
src/app/navbar/navbar.component.html
Normal file
2
src/app/navbar/navbar.component.html
Normal file
@@ -0,0 +1,2 @@
|
||||
<nav class="navbar">
|
||||
</nav>
|
||||
11
src/app/navbar/navbar.component.ts
Normal file
11
src/app/navbar/navbar.component.ts
Normal file
@@ -0,0 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-navbar',
|
||||
standalone: false,
|
||||
templateUrl: './navbar.component.html',
|
||||
styleUrl: './navbar.component.css'
|
||||
})
|
||||
export class NavbarComponent {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user