Login page adjust

This commit is contained in:
CHIEFSOFT\ameye
2025-07-13 20:11:23 -04:00
parent 7bedfcc948
commit 67cac5e3fb
3 changed files with 44 additions and 36 deletions
+37 -30
View File
@@ -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">
+4 -4
View File
@@ -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>
+3 -2
View File
@@ -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;