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

fix layout

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-09-01 21:24:41 -04:00
parent 02ce34eed6
commit f2b7f6859b
8 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/allblog/allblog.page.html
+3 -14
View File
@@ -1,6 +1,6 @@
<ion-content>
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p4.jpg)'">
<div class="ion-padding">
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
</div>
@@ -9,7 +9,6 @@
<div class="ion-padding">
<div class="flex">
<ion-label class="bold_text">Blog</ion-label>
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
</div>
<div class="row">
@@ -19,28 +18,18 @@
<!-- <ion-label class="review">4.8 (4478 reviews)</ion-label>-->
<!-- </div>-->
</div>
<ion-grid>
<ion-row>
<ion-col size="6" size-md="4" size-lg="2" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)" >
<!-- https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'-->
<ion-card >
<img alt="Silhouette of mountains" src="https://blog.wrenchboard.com/wp-content/uploads/{{item.meta_value}}" />
<ion-card-content>
<img alt="{{item.post_title}}" src="https://blog.wrenchboard.com/wp-content/uploads/{{item.meta_value}}" />
<ion-card-content class="blog_text">
{{item.post_title}}
</ion-card-content>
</ion-card>
</ion-col>
</ion-row>
</ion-grid>
</div>
</ion-content>
src/app/pages/allblog/allblog.page.scss
+4
View File
@@ -9,6 +9,10 @@ ion-content {
color: white;
}
}
.blog_text{
overflow: hidden;
height: 50px;
}
.flex {
display: flex;
src/app/pages/home/home.page.html
+1 -1
View File
@@ -25,7 +25,7 @@
<div class="boxed_contents">
<div class="offer">
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/offer.jpg)'"></div>
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/offer.jpg)'"></div>
</div>
<div *ngFor="let item of bannerData; let i = index" class="bg_white {{item.short_style}} {{item.card_type}} " (click)="onDetails(item)">
src/app/pages/joboffers/joboffers.page.html
+4 -2
View File
@@ -17,7 +17,7 @@
<img class="offer_banner" alt="{{item.title}}" src="https://www.wrenchboard.com/assets/images/apps/offerslist/{{item.banner}}" />
</div>
<ion-card-header>
<ion-card-title>{{item.title}}</ion-card-title>
<ion-card-title class="offer_title">{{item.title}}</ion-card-title>
<ion-card-subtitle>Expiration:{{item.expire | date}}</ion-card-subtitle>
</ion-card-header>
@@ -29,11 +29,13 @@
<ion-row>
<ion-col>
<ion-button size="small" (click)="requestReject(item)" color="danger" fill="outline">Reject</ion-button>
</ion-col>
<ion-col>
</ion-col>
<ion-col>
<ion-button size="small" (click)="requestStart(item)" color="success" fill="outline">Start Now</ion-button>
</ion-col>
<ion-col></ion-col>
</ion-row>
</ion-grid>
src/app/pages/joboffers/joboffers.page.scss
+14 -1
View File
@@ -356,6 +356,8 @@ ion-content {
}
ion-card{
border-color: #3dc2ff;
background-color: aliceblue;
margin-left: 0px;
margin-right: 0px;
ion-card-content{
@@ -365,6 +367,7 @@ ion-card{
color: red;
}
.top_banner{
background-color: white;
width: 100%;
//background-color: #2dd36f;
margin-left: auto;
@@ -372,13 +375,23 @@ ion-card{
text-align: center;
.offer_banner{
width: auto;
height: 130px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
}
}
.offer_title{
font-size: 18px;
}
ion-grid{
background-color: white;
ion-col{
text-align: center;
}
}
}
ion-footer {
src/app/pages/mycoupons/mycoupons.page.html
+1 -1
View File
@@ -1,7 +1,7 @@
<ion-content>
<div class="boxed_contents">
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p2.jpg)'">
<div class="ion-padding">
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
</div>
src/app/pages/myfiles/myfiles.page.html
+1 -1
View File
@@ -2,7 +2,7 @@
<ion-content>
<div class="boxed_contents">
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p3.jpg)'">
<div class="ion-padding">
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
</div>
src/app/pages/redeem/redeem.page.html
+1 -2
View File
@@ -1,6 +1,6 @@
<ion-content>
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p4.jpg)'">
<div class="ion-padding">
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
</div>
@@ -9,7 +9,6 @@
<div class="ion-padding">
<div class="flex">
<ion-label class="bold_text">{{currency_description}} Wallet</ion-label>
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
</div>
<ion-label class="color_text">Balance: {{curr_balance| number : '1.2-2'}} {{currency_description}}</ion-label>