d0zingcat/gocryptotrader
1
0
Fork 0
mirror of https://github.com/d0zingcat/gocryptotrader.git synced 2026-05-31 07:26:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes navbar to top

Browse Source 
Fixes footer buttons for cards
This commit is contained in:
GloriousCode
2017-11-20 17:50:07 +11:00
parent 6d2aa311c8
commit a073d5c439
5 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/app/app.component.html
View File

@@ -1,4 +1,4 @@
<app-navbar class="mat-elevation-z6"></app-navbar>
<app-navbar class="navbar"></app-navbar>
<mat-sidenav-container class="container ">
<mat-sidenav #sidenav mode="side" class="sidebar" opened="true">

5
web/src/app/app.component.scss
View File

@@ -10,16 +10,19 @@
min-width: 86%;
margin: 10px auto;
overflow-x: hidden;
margin-top:4rem;
}
.sidebar {
width: 14%;
position: fixed;
margin-top: 64px;
margin-top: 4rem;
}
.navbar {
position: fixed;
width: 100%;
z-index: 2;
}
.dashboard-highlight {

33
web/src/app/pages/dashboard/dashboard.component.html
View File

@@ -1,16 +1,16 @@
<mat-grid-list cols="3" rowHeight="300px">
<mat-grid-list cols="3" rowHeight="24rem">
<mat-grid-tile [colspan]="1" [rowspan]="2">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
<mat-card-content>
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="2" [rowspan]="1">
@@ -23,10 +23,9 @@
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
<mat-card-footer>lkasdjf; la</mat-card-footer>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
@@ -35,29 +34,27 @@
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
<mat-card-content>
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-title>4 Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
<mat-card-content>
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
</mat-grid-list>
<app-all-enabled-currency-tickers></app-all-enabled-currency-tickers>
</mat-grid-list>

5
web/src/app/pages/dashboard/dashboard.component.scss
View File

@@ -6,4 +6,9 @@
::ng-deep mat-grid-tile.mat-grid-tile .mat-figure {
align-items: initial;
/*vertical alignment*/
}
.mat-card-footer {
position: absolute;
bottom: 24px;
}