mirror of
https://github.com/Mueller-Patrick/Betterzon.git
synced 2024-12-23 04:05:12 +00:00
WIP: creating footer using grid.
This commit is contained in:
parent
825f744af9
commit
0c50162fdf
|
@ -0,0 +1 @@
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user