sartography
/
sartography-website
mirror of https://github.com/sartography/sartography-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

remove place-holder toolbar and add vertical logo to header

This commit is contained in:
eleanor 2018-11-06 11:00:46 -05:00
parent fbac84f849
commit 90fc935873
2 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/header/header.component.html
View File

@ -1,11 +1,6 @@
<mat-toolbar color="primary"> <div
<span>Sartography</span> class="welcome"
fxLayoutAlign="center center"
<!-- This fills the remaining space of the current row --> >
<span class="fill-remaining-space"></span> <img src="../../assets/logo/Sartography-Logo-Vertical.svg">
</div>
<span>Where are we?
<mat-icon color="accent">build</mat-icon>
<mat-icon color="warn">bug_report</mat-icon>
</span>
</mat-toolbar>

7
src/app/header/header.component.scss
View File

@ -1,5 +1,4 @@
.fill-remaining-space { .welcome {
/* This fills the remaining space, by using flexbox. background-color: #ffffff;
Every toolbar row uses a flexbox row layout. */ padding: 5%;
flex: 1 1 auto;
} }