WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

fix styles

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-05-25 14:43:46 -04:00
parent 26d07c5578
commit d246df9c74
3 changed files with 55 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/forgot/forgot.page.html
+44 -24
View File
@@ -1,18 +1,17 @@
<ion-content>
<div class="start-pages">
<div class="start-pages">
<div class="page_logo">
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
</div>
<div class="boxed_contents">
<div *ngIf="tab == 1" class="ion-padding">
<ion-label class="welcome_lbl">Forgot password</ion-label>
<ion-label class="simp_lbl">Select which contact details should we use to reset your password:</ion-label>
<ion-label class="simp_lbl"
>Select which contact details should we use to reset your
password:</ion-label
>
<ion-item lines="none">
<ion-icon slot="start" name="mail-outline"></ion-icon>
@@ -28,43 +27,64 @@
</div>
<div *ngIf="tab == 2" class="ion-padding">
<div class="login_box">
<ion-label
style="padding-top: 2px; padding-bottom: 10px"
class="simp_lbl"
>Forgot Password</ion-label>
<div lines="none" style="padding-bottom: 15px;">
<div>Enter your registered email</div>
</div>
<div lines="none" style="margin-bottom: 1px; display: flex; flex-direction: row">
<div style="padding: 5px;">
<ion-icon style="font-size: 24px;" slot="start" name="mail-outline"></ion-icon>
</div>
<ion-label class="simp_lbl">Forgot password</ion-label>
<div class="login_box" >
<ion-label>Enter your registered email</ion-label>
<ion-item lines="none" style="--margin-top: 10px;">
<ion-input type="email"
class ="login_entry"
placeholder="Your username"
maxlength="35"
[(ngModel)]='username'></ion-input>
</ion-item>
<ion-input
type="email"
class="login_entry"
placeholder="Your username"
maxlength="35"
[(ngModel)]="username"
></ion-input>
</div>
<ion-button (click)="onEnterEmail()" expand="block">
Continue
</ion-button>
</div>
</div>
<div *ngIf="tab == 3" class="ion-padding">
<ion-label class="welcome_lbl">Forgot password</ion-label>
<ion-label class="simp_lbl">Code has been sent to the your registered email</ion-label>
<ion-label class="simp_lbl"
>Code has been sent to the your registered email</ion-label
>
<ion-item lines="none">
<ion-input type="text" placeholder="Enter Code" maxlength="10" [(ngModel)]='reset_pin'></ion-input>
<ion-input
type="text"
placeholder="Enter Code"
maxlength="10"
[(ngModel)]="reset_pin"
></ion-input>
</ion-item>
<ion-button (click)="onCompleteReset()" expand="block">
Continue
</ion-button>
</div>
<div class="bottom" style="padding: 5px 30px 5px 10px; font-weight: bolder;">
<ion-label class="last_lbl">Already have an account? <span style="color: #4B5DFA;" (click)="onLogin()">Login</span></ion-label>
<div
class="bottom"
style="padding: 5px 30px 5px 10px; font-weight: bolder"
>
<ion-label class="last_lbl"
>Already have an account?
<span style="color: #4b5dfa" (click)="onLogin()"
>Login</span
></ion-label
>
</div>
</div>
</div>