fhsons/website
fhsons/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Made footer slightly better

Browse Source
This commit is contained in:
Zakary Timson 2018-07-11 22:41:41 -04:00
parent f23e34c807
commit cabb4eb2f3
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/app.component.html
View File

@ -38,9 +38,9 @@
<div class="container-fluid bg-light"> <div class="container-fluid bg-light">
<div class="container"> <div class="container">
<div class="d-inline-block py-3"> <div class="d-inline-block py-3">
<div class="d-inline-block mr-5"> <div class="align-top d-inline-block mr-5">
<h5>MAIN MENU</h5> <h5>MAIN MENU</h5>
<ul style="padding-left: 20px;"> <ul style="list-style-type: none; padding-left: 0;">
<li> <li>
<a [routerLink]="['/about']">About</a> <a [routerLink]="['/about']">About</a>
</li> </li>
@ -52,11 +52,21 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="d-inline-block mx-5"> <div class="align-top d-inline-block mr-5">
<h5>PRODUCTS</h5> <h5>PRODUCTS</h5>
<ul style="list-style-type: none; padding-left: 0; columns: 3;">
<li *ngFor="let c of categories | async">
<a [routerLink]="['/store', c.name]">{{c.name}}</a>
</li>
</ul>
</div> </div>
<div class="d-inline-block ml-5"> <div class="align-top d-inline-block">
<h5>REVIEWS</h5> <h5>CONTACT</h5>
<p>
Toll Free:1-888-422-7737
<br> Local: 416-744-2723
<br> Fax: 416-744-4078
</p>
</div> </div>
</div> </div>
</div> </div>

7
src/app/app.component.ts
View File

@ -1,13 +1,18 @@
import {Component, OnInit} from '@angular/core'; import {Component, OnInit} from '@angular/core';
import {Router} from '@angular/router'; import {Router} from '@angular/router';
import {ElectronService} from 'ngx-electron'; import {ElectronService} from 'ngx-electron';
import {AngularFirestore} from 'angularfire2/firestore';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
templateUrl: 'app.component.html' templateUrl: 'app.component.html'
}) })
export class AppComponent implements OnInit { export class AppComponent implements OnInit {
constructor(private router: Router, public electron: ElectronService) {} categories;
constructor(private router: Router, private db: AngularFirestore, public electron: ElectronService) {
this.categories = this.db.collection('categories').valueChanges();
}
ngOnInit() { ngOnInit() {
if (this.electron.isElectronApp) { if (this.electron.isElectronApp) {