Vergara_Tech/zgo
Vergara_Tech/zgo
2
1
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity

Change look of login

Browse source
This commit is contained in:
Rene Vergara 2022-01-14 16:11:50 -06:00
parent cfd3d0852f
commit 47f2903d98
4 changed files with 30 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/app.component.css
View file

@ -1,5 +1,5 @@
main{ main{
margin: auto; margin: 5px;
} }
.footer{ .footer{

4
src/app/login/login.component.css
View file

@ -6,6 +6,10 @@ mat-card.coolcard{
color: #FFFFFF; color: #FFFFFF;
margin: 5px; margin: 5px;
} }
mat-card.centercard{
max-width: 400px;
border: 1px solid #CCCCCC;
}
.icon{ .icon{
font-family: 'Material Icons'; font-family: 'Material Icons';
} }

54
src/app/login/login.component.html
View file

@ -1,43 +1,31 @@
<br>
<div align="center" class="text"> <div align="center" class="text">
<mat-card class="coolcard"> <mat-card class="coolcard">
<img src="/assets/logo-new-white.png" height="120px" /> <img src="/assets/logo-new-white.png" height="120px" />
<!--<h3>-->
<!--<pre>-->
<!--__||__ _____ _ -->
<!--|___ / / ____| | |-->
<!--/ / | | __ ___ | |-->
<!--/ / | | |_ |/ _ \| |-->
<!--/ /__ | |__| | (_) |_|-->
<!--/__ _| \_____|\___/(_)-->
<!--|| -->
<!--</pre>-->
<!--</h3>-->
<p class="text">Last block seen: <span class="numbers">{{ heightUpdate | async }}</span></p> <p class="text">Last block seen: <span class="numbers">{{ heightUpdate | async }}</span></p>
</mat-card> </mat-card>
</div> </div>
<div align="center"> <div align="center">
<mat-card> <mat-card class="centercard">
<h3>The Zcash Register</h3> <h3>The Zcash Register</h3>
<div width="75%" align="left" *ngIf="!confirmedMemo"> <div width="75%" align="left" *ngIf="!confirmedMemo">
<ol> <ol>
<li> <li>
Select your session length. Select your session length.
</li> </li>
<li> <li>
Confirm you've sent your shielded memo. Confirm you've sent your shielded memo.
</li> </li>
<li> <li>
Wait for confirmation of your transaction on the Zcash blockchain (~10 minutes). Wait for confirmation of your transaction on the Zcash blockchain (~10 minutes).
</li> </li>
<li> <li>
Enter the PIN provided by ZGo to your wallet to confirm ownership. Enter the PIN provided by ZGo to your wallet to confirm ownership.
</li> </li>
</ol> </ol>
</div> </div>
<div width="75%" *ngIf="confirmedMemo"> <div width="75%" *ngIf="confirmedMemo">
<p>Expecting confirmation around block {{targetBlock}}.</p> <p>Expecting confirmation around block {{targetBlock}}.</p>
</div> </div>
</mat-card> </mat-card>
<mat-card [formGroup]="pinForm" *ngIf="prompt"> <mat-card [formGroup]="pinForm" *ngIf="prompt">
<h4> <h4>
@ -59,7 +47,7 @@
<mat-list-item *ngFor="let tx of txsUpdate | async">It needs {{6 - tx.confirmations}} more confirmations.</mat-list-item> <mat-list-item *ngFor="let tx of txsUpdate | async">It needs {{6 - tx.confirmations}} more confirmations.</mat-list-item>
</mat-list> </mat-list>
</mat-card> </mat-card>
<mat-card [formGroup]="entryForm" *ngIf="!prompt && txs.length <=0"> <mat-card class="centercard" [formGroup]="entryForm" *ngIf="!prompt && txs.length <=0">
<div align="center" id="info"> <div align="center" id="info">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Session length</mat-label> <mat-label>Session length</mat-label>

5
src/styles.css
View file

@ -20,4 +20,7 @@
/*@include mat.all-component-themes($my-theme);*/ /*@include mat.all-component-themes($my-theme);*/
@import './custom-theme.scss'; @import './custom-theme.scss';
html, body { height: 100%; } html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } body {
margin: 0;
font-family: Roboto, "Helvetica Neue", sans-serif;
}