Paddy/Betterzon
1
0
Fork 0
mirror of https://github.com/Mueller-Patrick/Betterzon.git synced 2024-12-23 12:15:11 +00:00
Code Issues Projects Releases Wiki Activity

WIP: creating footer using grid.

Browse Source
This commit is contained in:
Jegor 2021-05-04 22:17:15 +02:00
parent 825f744af9
commit 0c50162fdf
5 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Frontend/src/app/app.component.css
View File

@ -0,0 +1 @@

4
Frontend/src/app/app.component.html
View File

@ -1,3 +1,7 @@
<app-top-bar></app-top-bar> <app-top-bar></app-top-bar>
<router-outlet></router-outlet> <router-outlet></router-outlet>
<app-bottom-bar></app-bottom-bar>

4
Frontend/src/app/app.module.ts
View File

@ -28,6 +28,7 @@ import {MatToolbarModule} from '@angular/material/toolbar';
import {MatIconModule} from '@angular/material/icon'; import {MatIconModule} from '@angular/material/icon';
import {MatSidenavModule} from '@angular/material/sidenav'; import {MatSidenavModule} from '@angular/material/sidenav';
import {MatListModule} from '@angular/material/list'; import {MatListModule} from '@angular/material/list';
import { BottomBarComponent } from './components/bottom-bar/bottom-bar.component';
// For cookie popup // For cookie popup
@ -83,7 +84,8 @@ const cookieConfig: NgcCookieConsentConfig = {
PageNotFoundPageComponent, PageNotFoundPageComponent,
ImprintComponent, ImprintComponent,
PrivacyComponent, PrivacyComponent,
TopBarComponent TopBarComponent,
BottomBarComponent
], ],
imports: [ imports: [
BrowserModule, BrowserModule,

2
Frontend/src/app/components/footer/footer.component.css
View File

@ -3,7 +3,7 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background-color: dimgrey; background-color: #1976d2;
color: white; color: white;
} }

3
Frontend/src/styles.css
View File

@ -116,8 +116,9 @@ app-top-bar {
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12) box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)
} }
app-top-bar h1 { app-top-bar, app-bottom-bar h1 {
color: white; color: white;
margin: 0; margin: 0;
} }