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

Suggest page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-07-19 22:09:27 -04:00
parent 68335586c5
commit 7bd39c4c63
2 changed files with 11 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/suggest/suggest.page.html
+10 -39
View File
@@ -43,11 +43,12 @@
<ion-row>
<ion-col size="6" size-md="4" size-lg="2" *ngFor="let item of sampleSuggestData; let i = index" (click)="suggestDetails(item)" >
<ion-card>
<img alt="{{item.post_title}}" src="https://www.wrenchboard.com/assets/images/apps/family/{{item.banner}}" />
<ion-card-content class="blog_text">
<div class="flex">
<ion-label class="bold_text_suggest"> {{item.title}}</ion-label>
<div style="padding: 5px;">
<img alt="{{item.post_title}}" src="https://www.wrenchboard.com/assets/images/apps/family/{{item.banner}}" />
</div>
<ion-card-content class="blog_text" style="background-color: aliceblue;">
<div class="flex" >
<ion-label class="bold_text_suggest"><div style="font-weight: bolder">{{item.title}} </div> </ion-label>
<ion-icon slot="end" name="caret-forward-circle-outline" color="secondary"></ion-icon>
</div>
</ion-card-content>
@@ -82,13 +83,13 @@
<ion-content class="ion-padding">
<ion-card>
<div class="sug_img">
<div class="sug_img" style="text-align: center;">
<img class="back_image_sug" alt="{{modalSeleted.title}}" src="https://www.wrenchboard.com/assets/images/apps/family/{{modalSeleted.banner}}" />
</div>
<ion-card-header>
<ion-card-subtitle>{{modalSeleted.title}}</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
<ion-card-content style="padding-bottom: 5px;">
<ion-item style="padding: 0px;">
<ion-textarea
placeholder="Type something here"
@@ -128,44 +129,14 @@
</ion-grid>
<!-- <ion-toolbar>-->
<!-- <ion-buttons slot="start">-->
<!-- -->
<!-- </ion-buttons>-->
<!--&lt;!&ndash; <ion-title>Buttons</ion-title>&ndash;&gt;-->
<!-- <ion-buttons slot="end">-->
<!-- -->
<!-- </ion-buttons>-->
<!-- </ion-toolbar>-->
</ion-card-content>
</ion-card>
<!-- <ion-button fill="clear">Action 1</ion-button>-->
<!-- <ion-button fill="clear">Send</ion-button>-->
</ion-content>
<!-- <ion-footer>-->
<!-- <ion-toolbar>-->
<!--&lt;!&ndash; <ion-buttons slot="start">&ndash;&gt;-->
<!--&lt;!&ndash; <ion-button (click)="cancel()" color="danger">Cancel</ion-button>&ndash;&gt;-->
<!--&lt;!&ndash; </ion-buttons>&ndash;&gt;-->
<!-- <ion-buttons slot="end">-->
<!--&lt;!&ndash; <ion-button (click)="confirm()" [strong]="true">Confirm</ion-button>&ndash;&gt;-->
<!-- <ion-button (click)="cancel()" color="danger">Cancel</ion-button>-->
<!-- </ion-buttons>-->
<!-- </ion-toolbar>-->
<!-- </ion-footer>-->
</ion-content>
</ng-template>
</ion-modal>
</ion-content>
<!--<ion-footer>-->
<!-- <ion-toolbar>-->
<!-- <div class="button" (click)="onEnroll()">-->
<!-- <ion-label class="text">Enroll Course - $40</ion-label>-->
<!-- </div>-->
<!-- </ion-toolbar>-->
<!--</ion-footer>-->
src/app/pages/suggest/suggest.page.scss
+1 -1
View File
@@ -187,7 +187,7 @@ ion-content {
.bold_text_suggest {
font-size: 12px;
font-family: 'bold';
font-weight: bolder;
}
.grey_text {
font-size: 14px;