fixing business card desgin

enad-Q3
enadhilal 4 years ago
parent 016bd83b81
commit 1cee785d88

@ -294,7 +294,7 @@ export class AppComponent implements OnInit {
//this.userInfo = this.cs.sharedService.getSharedData('bussiness-card-info', false);
const modal = await this.modalController.create({
component: BusinessCardComponent,
cssClass: 'digital-id-modal-css',
cssClass: 'business-card-modal-css',
componentProps: {
'userInfo': this.userInfo
}

@ -1,5 +1,5 @@
<ion-content dir="ltr" *ngIf="userInfo.company_type == 'CS'">
<ion-grid class="card-size">
<!-- <ion-grid class="card-size">
<ion-row>
<ion-col size='6'>
<img class="logo-img-style" [src]='userInfo.company_logo' alt="https://hmgwebservices.com/images/Moheem/CS.jpg"/>
@ -14,11 +14,6 @@
<h1 class='font-text-style' style="font-size: 20px !important; width: 200%;">{{userInfo.name_en}}</h1>
</ion-label>
</ion-col>
<!-- <ion-col size='6'>
<ion-label>
<h1 class='font-text-style name-ar-style'>{{userInfo.name_ar}}</h1>
</ion-label>
</ion-col> -->
</ion-row>
<ion-row>
<ion-col>
@ -53,14 +48,21 @@
</ion-label>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
</ion-grid> -->
<div style="height: 300px; width: 300px; transform: rotate(90deg) !important;">
<img style="width: 100px; margin-left: 20px; margin-top: 26px;" [src]='userInfo.company_logo' alt="https://hmgwebservices.com/images/Moheem/CS.jpg"/>
<h1 class='font-text-style' style="font-size: 25px !important; margin-left: 20px; margin-top: 5px; margin-bottom: 0px;">{{userInfo.name_en}}</h1>
<h5 class='font-text-style' style="margin-left: 20px; margin-top: 0px; ">{{userInfo.job_en}}</h5>
<h5 class='font-text-style' style="margin-left: 20px; font-size: 18px; margin-bottom: 0px;">{{userInfo.mobile}}</h5>
<h5 class='font-text-style' style="margin-left: 20px; margin-top: 5px; font-size: 12px; margin-bottom: 5px;">{{userInfo.email}}</h5>
<h5 class='font-text-style' style="margin-left: 20px; margin-top: 0px;">{{userInfo.company_url}}</h5>
</div>
<!-- <ion-footer>
<div class="centerDiv" style="margin-top: 20px !important;">
<ion-button class="button-login" (click)="dismiss()"><b>{{ts.trPK('general','close')}}</b></ion-button>
<div style="height: 150px; width: 300px;">
<img style="width: 140px; margin-left: 145px; margin-top: 26px;" [src]="userInfo.qr"/>
</div>
</ion-footer> -->
</ion-content>
<ion-content dir="ltr" *ngIf="userInfo.company_type != 'CS'">
<ion-grid class="cs-card-size">

@ -795,7 +795,7 @@ export class HomePage implements OnInit {
async openBusinessCard() {
const modal = await this.modalController.create({
component: BusinessCardComponent,
cssClass: 'digital-id-modal-css'
cssClass: 'business-card-modal-css'
});
return await modal.present();
}

@ -1561,6 +1561,15 @@ table.monthview-datetable th small {
position: absolute;
display: block;
}
.business-card-modal-css .modal-wrapper{
height: 500px;
width: 300px;
top: 50%;
position: absolute;
display: block;
margin-top: -250px;
}
.app-update-modal-css .modal-wrapper{
border-radius: 0px !important;
}

Loading…
Cancel
Save