d0zingcat/gocryptotrader
1
0
Fork 0
mirror of https://github.com/d0zingcat/gocryptotrader.git synced 2026-05-21 15:10:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adds working sidebar. Has some funky height glitch that I can resolve later. Hard to get the viewport to be 100%

Browse Source
This commit is contained in:
GloriousCode
2017-10-10 17:50:59 +11:00
parent dd6a692ec3
commit ace0c9a6a9
6 changed files with 47 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,21 @@
<div >
<app-navbar></app-navbar>
<app-navbar class="navbar"></app-navbar>
<md-sidenav-container class="container">
<app-sidebar class="sidebar"></app-sidebar>
<div class="main">
<router-outlet></router-outlet>
</div>
</md-sidenav-container>
</div>
<md-sidenav #sidenav mode="side" class="sidebar" opened="true">
<md-nav-list>
<md-list-item routerLink="dashboard" routerLinkActive="dashboard-highlight">
<md-icon >trending_up</md-icon>&nbsp;<h3>Dashboard</h3>
</md-list-item>
<md-list-item routerLink="wallet" routerLinkActive="wallet-highlight">
<md-icon >account_balance_wallet</md-icon>&nbsp;<h3>Wallet</h3>
</md-list-item>
<md-list-item routerLink="trading" routerLinkActive="trading-highlight">
<md-icon >history</md-icon>&nbsp;<h3>Trading</h3>
</md-list-item>
<md-list-item routerLink="settings" routerLinkActive="settings-highlight">
<md-icon >settings</md-icon>&nbsp;<h3>Settings</h3>
</md-list-item>
</md-nav-list>
</md-sidenav>
<router-outlet class="main"></router-outlet>
</md-sidenav-container>