Change look of login

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

View file

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

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';
} }

View file

@ -1,23 +1,11 @@
<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>
@ -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>

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;
}