Login page adjust
This commit is contained in:
@@ -9,33 +9,7 @@
|
||||
<!-- <ion-label class="simp_lbl">Login to continue</ion-label>-->
|
||||
|
||||
<div class="boxed_contents">
|
||||
<div
|
||||
style="max-width: 450px; margin-left: auto; margin-right: auto"
|
||||
>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col size="6">
|
||||
<ion-button
|
||||
fill="outline"
|
||||
size="large"
|
||||
class="scan_login_button"
|
||||
(click)="moveToStartScan()"
|
||||
>
|
||||
<ion-icon slot="start" name="scan"></ion-icon>
|
||||
Scan Login</ion-button
|
||||
>
|
||||
</ion-col>
|
||||
<ion-col size="6">
|
||||
<ion-button class="login-type22" (click)="familyLogin()">
|
||||
<ion-icon name="people-circle-outline"></ion-icon>
|
||||
<span style="margin-left: 5px"
|
||||
>Kids Login</span
|
||||
></ion-button
|
||||
>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="login_box">
|
||||
<ion-label
|
||||
@@ -84,12 +58,9 @@
|
||||
</div>
|
||||
<div style="color: red;">{{login_response}}</div>
|
||||
</div>
|
||||
|
||||
<!-- <ion-button shape="round">Round</ion-button>-->
|
||||
<ion-label class="forgot_lbl" (click)="onForgot()"
|
||||
>Forgot your password ?</ion-label
|
||||
>
|
||||
|
||||
<div *ngIf="showSocial == true ">
|
||||
<ion-label class="or">Or Continue With</ion-label>
|
||||
<div class="button">
|
||||
@@ -122,6 +93,42 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<ion-label class="last_lbl"
|
||||
>
|
||||
<span (click)="familyLogin()">Family Login</span></ion-label
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- <div-->
|
||||
<!-- style="max-width: 450px; margin-left: auto; margin-right: auto"-->
|
||||
<!-- >-->
|
||||
<!-- <ion-grid>-->
|
||||
<!-- <ion-row>-->
|
||||
<!-- <ion-col size="6">-->
|
||||
<!-- <ion-button-->
|
||||
<!-- fill="outline"-->
|
||||
<!-- size="large"-->
|
||||
<!-- class="scan_login_button"-->
|
||||
<!-- (click)="moveToStartScan()"-->
|
||||
<!-- >-->
|
||||
<!-- <ion-icon slot="start" name="scan"></ion-icon>-->
|
||||
<!-- Scan Login</ion-button-->
|
||||
<!-- >-->
|
||||
<!-- </ion-col>-->
|
||||
<!-- <ion-col size="6">-->
|
||||
<!-- <ion-button class="login-type22" (click)="familyLogin()">-->
|
||||
<!-- <ion-icon name="people-circle-outline"></ion-icon>-->
|
||||
<!-- <span style="margin-left: 5px"-->
|
||||
<!-- >Kids Login</span-->
|
||||
<!-- ></ion-button-->
|
||||
<!-- >-->
|
||||
<!-- </ion-col>-->
|
||||
<!-- </ion-row>-->
|
||||
<!-- </ion-grid>-->
|
||||
<!-- </div>-->
|
||||
|
||||
</div>
|
||||
<div *ngIf="loginType==='pending';">
|
||||
<div class="ion-padding space">
|
||||
|
||||
@@ -63,14 +63,14 @@
|
||||
<div style="padding-top: 0; width: 100%; text-align: center;">
|
||||
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
|
||||
</div>
|
||||
<div class="action_h1">Join today! Find, assign, engage and easily reward your kids and more. </div>
|
||||
<ion-button (click)="onRegister()" expand="block" shape="round">
|
||||
<div class="action_h1">Join today! find, assign, engage in tasks for reward and more. </div>
|
||||
<ion-button (click)="onLogin()" expand="block" shape="round">
|
||||
Get Started
|
||||
</ion-button>
|
||||
|
||||
<div class="action_txt_scan" (click)="onStartScan()">Kids? Scan code to continue</div>
|
||||
<!-- <div class="action_txt_scan" (click)="onStartScan()">Kids? Scan code to continue</div>-->
|
||||
|
||||
<div class="action_txt" (click)="onLogin()">Already using WrenchBoard ? <span style="color: #3dc2ff">Sign in </span> </div>
|
||||
<!-- <div class="action_txt" (click)="onLogin()">Already using WrenchBoard ? <span style="color: #3dc2ff">Sign in </span> </div>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -24,14 +24,15 @@
|
||||
.action_box{
|
||||
//z-index: 7;
|
||||
background-color: white;
|
||||
height: 290px;
|
||||
height: 220px;
|
||||
max-width: 400px;
|
||||
padding: 20px;
|
||||
margin: 10px auto 10px auto;
|
||||
border-radius: 20px;
|
||||
.action_h1{
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
color: #182b3a;
|
||||
font-weight: bolder;
|
||||
padding: 0 0 20px 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user