Skip to content

Commit

Permalink
Merge pull request #70 from stratisproject/ui
Browse files Browse the repository at this point in the history
Add pre alpha styling
  • Loading branch information
dev0tion authored May 19, 2017
2 parents 0c1b663 + b7a3ae5 commit c0f1bac
Show file tree
Hide file tree
Showing 14 changed files with 94 additions and 48 deletions.
5 changes: 2 additions & 3 deletions Breeze.UI/src/app/login/login.component.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="container">
<div class="container col-md-8 offset-md-2">
<div class="row">
<div class="col">
<h1>Welcome to Breeze</h1>
Expand All @@ -13,9 +13,8 @@ <h1>Welcome to Breeze</h1>
<option *ngFor="let wallet of wallets" [value]="wallet">{{wallet}}</option>
</select>
</div>
<p>Please enter your password to decrypt your wallet</p>
<div class="form-group">
<label>Your password: </label>
<label>Please enter your password to decrypt your wallet</label>
<input class="form-control" type="password" formControlName="password" placeholder="Enter password here">
<div *ngIf="formErrors.password" class="alert alert-danger">{{formErrors.password}}</div>
</div>
Expand Down
3 changes: 3 additions & 0 deletions Breeze.UI/src/app/setup/create/create.component.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#mnemonic {
margin-top: 30px;
}
12 changes: 4 additions & 8 deletions Breeze.UI/src/app/setup/create/create.component.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="container">
<div class="container col-md-8 offset-md-2">
<div class="row">
<div class="col">
<h1>Please create a new wallet.</h1>
<h1>Please create a new wallet</h1>
</div>
</div>
<div class="row">
Expand All @@ -25,20 +25,16 @@ <h1>Please create a new wallet.</h1>
</select>
</div>
<div class="form-group">
<button type="button" class="btn btn-outline-secondary" (click)="onBackClicked()">Back</button>
<button type="submit" [disabled]="!createWalletForm.valid" class="btn">Create Wallet</button>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col">
<div class="col" id="mnemonic">
<label>Mnemonic:</label>
<label>{{responseMessage}}</label>
</div>
</div>
<div class="row">
<div class="col">
<button type="button" class="btn" (click)="onBackClicked()">Back</button>
</div>
</div>
</div>
3 changes: 3 additions & 0 deletions Breeze.UI/src/app/setup/recover/recover.component.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#buttons {
margin-top: 30px;
}
10 changes: 4 additions & 6 deletions Breeze.UI/src/app/setup/recover/recover.component.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="container">
<div class="container col-md-8 offset-md-2">
<div class="row">
<div class="col">
<h1>Recover your wallet</h1>
Expand Down Expand Up @@ -38,11 +38,9 @@ <h1>Recover your wallet</h1>
<label>Creation date:</label>
<material-datepicker [(date)]="creationDate"></material-datepicker>
</div>
<div class="form-group">
<button type="submit" [disabled]="!recoverWalletForm.valid" class="btn">Recover Wallet</button>
</div>
<div class="form-group">
<button type="button" class="btn" (click)="onBackClicked()">Back</button>
<div class="form-group" id="buttons">
<button type="button" class="btn btn-outline-secondary" (click)="onBackClicked()">Back</button>
<button type="submit" [disabled]="!recoverWalletForm.valid" class="btn ml-2">Recover Wallet</button>
</div>
</form>
</div>
Expand Down
4 changes: 4 additions & 0 deletions Breeze.UI/src/app/setup/setup.component.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
#backButton {
margin-top: 50px;
margin-bottom: 100px;
}
18 changes: 11 additions & 7 deletions Breeze.UI/src/app/setup/setup.component.html
Original file line number Diff line number Diff line change
@@ -1,29 +1,33 @@
<div class="container">
<div class="container col-md-8 offset-md-2">
<div class="row">
<div class="col">
<h1>Welcome to Breeze.</h1>
<h1>Welcome to Breeze</h1>
</div>
</div>
<div class="row">
<div vlass="col">
<p>
If you haven't used Breeze before, please create a new wallet.
<br>
<button (click)="onCreateClicked()" class="btn">Create</button>
</p>
<p>
<p style="margin-top: 30px;">
Users who have previously used Breeze, can choose to recover their wallet.
<br>
<button (click)="onRecoverClicked()" class="btn">Recover</button>
</p>
</div>
</div>
<div class="row">
<div class="col">
<button (click)="onBackClicked()" class="btn btn-outline-secondary" id="backButton">Back</button>
</div>
<!--<div class="col">
<button (click)="onCreateClicked()" class="btn">Create</button>
</div>
<div class="col">
<button (click)="onRecoverClicked()" class="btn">Recover</button>
</div>
<div class="col">
<button (click)="onBackClicked()" class="btn">Back</button>
</div>
</div>-->
</div>
</div>

Expand Down
3 changes: 2 additions & 1 deletion Breeze.UI/src/app/wallet/dashboard/dashboard.component.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,9 @@
}

#dashboard {
padding-top: 50px !important;
/*padding-top: 50px !important;*/
padding-left: 100px !important;
padding-right: 100px !important;
border: 2px solid;
border-color: #D5E3F0;
background-color: #DAE6F2;
Expand Down
20 changes: 10 additions & 10 deletions Breeze.UI/src/app/wallet/dashboard/dashboard.component.html
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
<div class="container nopadding">
<div class="row nopadding" id="dashboard">
<div class="col">
<div>Active Balance</div>
<div>Balance: {{confirmedBalance | coinNotation | coinAbbreviation}}</div>
<div>Unconfirmed Balance: {{unconfirmedBalance | coinNotation | coinAbbreviation}}</div>
<div class="d-flex flex-row align-items-center nopadding" id="dashboard">
<div class="d-flex flex-column">
<div class="p">Active Balance</div>
<div class="p">Balance: {{confirmedBalance | coinNotation | coinAbbreviation}}</div>
<div class="p">Unconfirmed Balance: {{unconfirmedBalance | coinNotation | coinAbbreviation}}</div>
</div>
<div class="col">
<div>Current Value</div>
<div>Over 9000</div>
<div class="d-flex flex-column">
<!--<div>Current Value</div>
<div>Over 9000</div>-->
</div>
<div class="col">
<div class="d-flex flex-column ml-auto">
<div>
<button (click)="openSendDialog()" class="btn" id="sendButton">Send</button>
<button (click)="openReceiveDialog()" class="btn" id="receiveButton">Receive</button>
<button (click)="openReceiveDialog()" class="btn ml-2" id="receiveButton">Receive</button>
</div>
</div>
</div>
Expand Down
24 changes: 24 additions & 0 deletions Breeze.UI/src/app/wallet/history/history.component.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
#transactions {
margin-top: 10px;
}

.transactionsTable {
border-collapse: separate;
border-spacing: 10px;
}

.transactionsTable tr {
border: 1px solid #D5E3F0;
text-align: left;
border-spacing: 10px;
}

.transactionsTable th {
text-align: left;
border-spacing: 10px;
}

.transactionsTable td {
height: 50px;
vertical-align: center;
}
4 changes: 2 additions & 2 deletions Breeze.UI/src/app/wallet/history/history.component.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="container">
<div class="row">
<div class="row" id="transactions">
<div class="col">
<table *ngIf="transactions; else noTransactions">
<table class="transactionsTable" *ngIf="transactions; else noTransactions">
<thead>
<th>Type</th>
<th>Amount</th>
Expand Down
3 changes: 1 addition & 2 deletions Breeze.UI/src/app/wallet/menu/menu.component.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
.navbar {
height: 60px;
width: 100%;
margin: 0;
padding: 0;
padding-left: 85px;
}

.nav-link {
Expand Down
2 changes: 1 addition & 1 deletion Breeze.UI/src/app/wallet/receive/receive.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1>Receive</h1>
</thead>
<tr>
<td>{{ address }}</td>
<td><button class="btn" type="button" ngxClipboard [cbContent]="address" (cbOnSuccess)="isCopied1=true" [class.btn]= "isCopied1">Copy</button>
<td><button class="btn btn-outline-primary" type="button" ngxClipboard [cbContent]="address" (cbOnSuccess)="isCopied1=true" [class.btn-outline-primary]="isCopied1">Copy</button>
</tr>
</table>
</div>
Expand Down
31 changes: 23 additions & 8 deletions Breeze.UI/src/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,29 @@

/* Temporary min td with */
td {
min-width: 150px;
min-width: 100px;
}

h1 {
padding-top: 15px;
padding-bottom: 15px;
color: #444444;
}

button {
font-family: "Lato Black";
color: white;
background-color: #20B9FF;
border-radius: 25px;
}

label {
color: #666666;
}

.form-control::-webkit-input-placeholder
{
color: #BBBBBB;
}

.content-wrapper {
Expand All @@ -25,13 +47,6 @@ td {
float: none;
}

.btn {
font-family: "Lato Black";
color: white;
background-color: #20B9FF;
border-radius: 25px;
}

.row {
padding: 0;
margin: 0;
Expand Down

0 comments on commit c0f1bac

Please sign in to comment.