d0zingcat/gocryptotrader
1
0
Fork 0
mirror of https://github.com/d0zingcat/gocryptotrader.git synced 2026-05-23 23:16:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changes theme and menu

Browse Source
This commit is contained in:
GloriousCode
2017-08-22 17:56:31 +10:00
parent b2b5b59e69
commit d805149619
3 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,19 +1,20 @@
<nav class="navbar">
<md-toolbar color="primary">
<span>GoCryptoTrader</span>
<span class="example-spacer"></span>
<button md-button [mdMenuTriggerFor]="appMenu"><md-icon>menu</md-icon> Menu</button>
</md-toolbar>
<div class="flex-spacer"></div>
<md-menu #appMenu="mdMenu">
<button md-menu-item> Settings </button>
<button md-menu-item> Help </button>
</md-menu>
<!-- TODO: figure out if the <nav> should go inside of a <header> element. -->
<nav class="docs-navbar">
<md-toolbar color="primary">
<a md-button class="docs-button" routerLink="/" aria-label="Angular Material">
<span>Logo</span>
</a>
<a md-button class="docs-button" routerLink="about">Dashboard</a>
<a md-button class="docs-button" routerLink="about">Wallet Summary</a>
<a md-button class="docs-button" routerLink="about">Settings</a>
<a md-button class="docs-button" routerLink="about">Help</a>
<div class="flex-spacer"></div>
<a md-button class="docs-button" href="https://github.com/angular/material2" aria-label="GitHub Repository">
GitHub
</a>
</md-toolbar>
</nav>
<router-outlet></router-outlet>

2
web/src/index.html
View File

@@ -11,7 +11,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
</head>
<body>
<body class="mat-app-background">
<app-root>Loading...</app-root>
</body>
</html>

3
web/src/styles.scss
View File

@@ -2,8 +2,7 @@
html, body {
margin: 0;
padding: 0;
height: 100%;
}
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import '~@angular/material/prebuilt-themes/purple-green.css';