Page styles
This commit is contained in:
@@ -12,7 +12,6 @@
|
||||
</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
|
||||
@@ -35,10 +34,6 @@
|
||||
|
||||
<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>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</ion-button>
|
||||
<!-- <ion-button style="background-color: aliceblue; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">From Contacts</ion-button>-->
|
||||
<ion-button style="background-color: #ebe4ee; color: black; font-size: 14px; font-weight: bolder;"
|
||||
(click)="setTabMode(300);">Links
|
||||
(click)="setTabMode(300);">Share Links
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
|
||||
@@ -33,22 +33,20 @@
|
||||
<div *ngIf="tabMode == 400 " class="lesson">
|
||||
<div class="ion-padding" slot="content" style="background-color: white; padding: 5px; min-height: 150px;">
|
||||
<div style="margin-top: 10px; background-color: #fcf7ee;
|
||||
font-size: 40px;
|
||||
font-size: 30px;
|
||||
font-weight: bolder;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
padding: 5px">
|
||||
Points : {{refer_points}}
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabMode == 100 " class="lesson">
|
||||
<div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
|
||||
<div style="margin-top: 10px; background-color: #fcf7ee; border-radius: 10px; padding: 5px">
|
||||
<ion-grid style="margin: 0px; padding: 5px; background-color: #0b5e86; border-radius: 10px;">
|
||||
<div class="login_box" slot="content" style="padding: 5px">
|
||||
<div style="margin-top: 5px; border-radius: 10px; padding: 5px">
|
||||
<ion-grid style="margin: 0px; padding: 5px; border-radius: 10px;">
|
||||
<ion-row style="margin: 0px; padding: 10px 0px; font-size: 12px">
|
||||
<ion-col style="margin: 0px; padding: 0px 5px 0px 0px;">
|
||||
<ion-input style="background-color: white; border-radius: 5px;" type="text"
|
||||
@@ -122,10 +120,10 @@
|
||||
|
||||
<div *ngIf="tabMode == 300 " class="lesson">
|
||||
<div class="ion-padding" slot="content" style="padding: 5px">
|
||||
<div style="margin-top: 10px; background-color: whitesmoke; min-height: 100px; border-radius: 10px;">
|
||||
<ion-grid style="background-color: #0b5e86;border-radius: 10px;">
|
||||
<div class="login_box" style="margin-top: 10px; min-height: 100px; border-radius: 10px;">
|
||||
<ion-grid style="border-radius: 10px;">
|
||||
<ion-row>
|
||||
<ion-col style="text-align: left; color: #ffffff; font-size: 12px;">
|
||||
<ion-col style="text-align: left; color: black; font-size: 12px;">
|
||||
Send your link to your email and share it with your friend; any signup will
|
||||
automatically link to your account for points.
|
||||
</ion-col>
|
||||
@@ -145,26 +143,26 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row style="padding: 0; margin: 0;">
|
||||
<ion-row style="padding: 0; margin: 5px 0 0 0 ;">
|
||||
<ion-col style="padding: 0; margin: 0;">
|
||||
|
||||
<ion-toolbar style="font-size: 12px;">
|
||||
<ion-buttons slot="secondary">
|
||||
<ion-button fill="solid" (click)="sendToMyEmail()" style="font-size: 12px;">
|
||||
<ion-button fill="solid" shape="round" (click)="sendToMyEmail()"
|
||||
style="font-size: 12px;">
|
||||
<ion-icon slot="start" name="person-circle"></ion-icon>
|
||||
Send link to my email
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
<ion-buttons slot="primary">
|
||||
<ion-button fill="solid" style="font-size: 12px;"
|
||||
<ion-button fill="solid" shape="round" style="font-size: 12px;"
|
||||
(click)="copyTextToClipboard(refer_link)">
|
||||
Copy
|
||||
Copy Link
|
||||
<ion-icon slot="end" name="help-circle"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
<ion-title style="font-size: 10px; font-weight: normal;">{{resultText}}</ion-title>
|
||||
</ion-toolbar>
|
||||
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
@@ -194,7 +192,7 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div class="video" *ngFor="let item of referData;">
|
||||
<div class="video" *ngFor="let item of referData;" (click)="viewReferItem(item)">
|
||||
<div class="left">
|
||||
<div class="bg_image back_image"
|
||||
[style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/invite-friend.svg)'"></div>
|
||||
|
||||
@@ -183,6 +183,11 @@ export class InvitePage implements OnInit {
|
||||
}
|
||||
}
|
||||
|
||||
viewReferItem(refItem) {
|
||||
|
||||
alert(refItem);
|
||||
}
|
||||
|
||||
async sendToMyEmail() {
|
||||
//debugger;
|
||||
const loading = await this.loadingCtrl.create({
|
||||
|
||||
Reference in New Issue
Block a user