Commit bc353f30 authored by Pieterjan Vanhoof's avatar Pieterjan Vanhoof Committed by GitHub

Merge pull request #134 from stratisproject/ui

Improve setup design, add window title
parents 4d04fd11 61ead596
<section id="breeze"> <section id="breeze">
<div class="login d-flex align-items-center text-center"> <div class="login d-flex align-items-center text-center">
<div class="container"> <div class="container">
<!--<p class="text-back text-left mb-5 col-6 row">
<button type="button" class="btn btn-link text-back" (click)="onBackClicked()">Back</button>
</p>-->
<p class="text-back text-left mb-5 col-6 row"><a (click)="onBackClicked()">Back</a></p>
<h3 class="display-5">Welcome</h3> <h3 class="display-5">Welcome</h3>
<p class="lead"> <p class="lead">
If you would like to create a new wallet, please click Create. <br/> If you would like to create a new wallet, please click Create. <br/>
When you have used Breeze before, you can click Restore to recover your wallet. When you have used Breeze before, you can click Restore to recover your wallet.
</p> </p>
<div class="row d-flex justify-content-center"> <div class="row d-flex justify-content-center">
<button type="button" class="btn btn-darkgray btn-lg" (click)="onBackClicked()">Back</button>
<button type="button" class="btn btn-darkgray btn-lg" (click)="onCreateClicked()">Create</button> <button type="button" class="btn btn-darkgray btn-lg" (click)="onCreateClicked()">Create</button>
<button type="button" class="btn btn-darkgray btn-lg" (click)="onRecoverClicked()">Restore</button> <button type="button" class="btn btn-linkgray btn-lg" (click)="onRecoverClicked()">Restore</button>
</div> </div>
</div> </div>
<!-- /container--> <!-- /container-->
......
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
<!-- /card--> <!-- /card-->
</div> </div>
</div> </div>
<ng-template #noTransactions>Looks like you haven't made any transactions yet</ng-template> <ng-template #noTransactions class="text-muted">Looks like you haven't made any transactions yet</ng-template>
</section> </section>
<!-- /TRANSACTIONS --> <!-- /TRANSACTIONS -->
<status-bar></status-bar> <status-bar></status-bar>
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
</div> </div>
<!-- /card--> <!-- /card-->
<div> <div>
<ng-template #noTransactions>Looks like you haven't made any transactions yet.</ng-template> <ng-template #noTransactions class="text-muted">Looks like you haven't made any transactions yet.</ng-template>
</div> </div>
</section> </section>
<!-- /TRANSACTIONS --> <!-- /TRANSACTIONS -->
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Breeze</title> <title>Breeze Wallet v0.1.0 alpha</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head> </head>
<body> <body>
......
...@@ -617,10 +617,10 @@ input.cmn-toggle-round-flat:checked + label:after { ...@@ -617,10 +617,10 @@ input.cmn-toggle-round-flat:checked + label:after {
color: #366a96; } color: #366a96; }
.login .container form { .login .container form {
margin-bottom: 4em; } margin-bottom: 4em; }
.login .container .textback a { .login .container .textback .text-back {
color: #C0BECC; color: #C0BECC !important;
text-decoration: underline; } text-decoration: underline; }
.login .container .textback a:hover { .login .container .textback:hover {
text-decoration: none; } text-decoration: none; }
.login .container .badge { .login .container .badge {
margin: .5em auto; } margin: .5em auto; }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment