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

fix layout

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-08-23 11:18:32 -04:00
parent 254014732d
commit 8d570810de
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/family-connect/family-connect.component.html
+1 -2
View File
@@ -15,8 +15,7 @@
<div class="bg_white connect-card" (click)="startfamilyConnect()">
<div class="list">
<ion-avatar aria-hidden="true" slot="start">
<img alt="" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
<img alt="" src="https://www.wrenchboard.com/assets/images/apps/banners/kids/family-circular.png" />
</ion-avatar>
<div class="detail">
<ion-label class="name">Family Connect</ion-label>
src/app/components/generative-activity/generative-activity.component.html
+14 -6
View File
@@ -27,18 +27,26 @@
<ion-card class="bg_white connect-card" *ngIf="cardLevel==200" >
<ion-card-header>
<ion-card-subtitle>Math Quiz - 1</ion-card-subtitle>
<div style="display: flex">
<div style="text-align: left; width: 50%; font-weight: bolder;">Math Quiz - 1 </div>
<div style="text-align: right; width: 50%;">
<ion-button fill="clear" size="small" (click)="resetQuestion()" >
<ion-icon slot="icon-only" color="danger" name="close-circle-outline"></ion-icon>
</ion-button>
</div>
</div>
<!-- <ion-card-subtitle>Math Quiz - 1</ion-card-subtitle>-->
</ion-card-header>
<ion-card-content>
<div class="select_box" style="padding: 5px;">
<div class="select_box" style="padding: 10px; border-radius: 10px;">
<div style="font-weight: bolder; margin: 10px 0px 5px 0px">Question.</div>
<!-- <div> {{myNextQuestion.question}}</div>-->
<div style="color: #1295d3; padding-left: 10px;" [innerHTML]="myNextQuestion.question"></div>
<div style="font-weight: bolder; margin: 10px 0px 5px 0px">Answer</div>
<ion-list style="font-size: 10px;">
<ion-radio-group [(ngModel)]="selected_ans" (ionChange)="checkAnsVAl()">
<ion-item *ngFor="let item of myNextQuestion.option; let i = index">
<ion-item lines="none" *ngFor="let item of myNextQuestion.option; let i = index">
<ion-label>{{item}} </ion-label>
<ion-radio slot="start" value="{{item}}"></ion-radio>
</ion-item>
@@ -47,9 +55,9 @@
</div>
<div style="width: 100%; text-align: right; margin-top: 10px; display: flex; ">
<div style="width: 15%; text-align: left;">
<ion-button fill="clear" size="small" (click)="resetQuestion()" >
<ion-icon slot="icon-only" color="danger" name="close-circle-outline"></ion-icon>
</ion-button>
<!-- <ion-button fill="clear" size="small" (click)="resetQuestion()" >-->
<!-- <ion-icon slot="icon-only" color="danger" name="close-circle-outline"></ion-icon>-->
<!-- </ion-button>-->
</div>
<div style="width: 40%; text-align: right;">
{{result_text}}