diff --git a/Mohem/src/app/app.component.ts b/Mohem/src/app/app.component.ts index 47934fec..a9013537 100644 --- a/Mohem/src/app/app.component.ts +++ b/Mohem/src/app/app.component.ts @@ -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 } diff --git a/Mohem/src/app/authentication/business-card/business-card.component.html b/Mohem/src/app/authentication/business-card/business-card.component.html index e9a093f1..ffc247d2 100644 --- a/Mohem/src/app/authentication/business-card/business-card.component.html +++ b/Mohem/src/app/authentication/business-card/business-card.component.html @@ -1,5 +1,5 @@ - + @@ -53,14 +48,21 @@ - - + --> +
+ https://hmgwebservices.com/images/Moheem/CS.jpg +

{{userInfo.name_en}}

+
{{userInfo.job_en}}
+
{{userInfo.mobile}}
+
{{userInfo.email}}
+
{{userInfo.company_url}}
+
- + + diff --git a/Mohem/src/app/home/home.page.ts b/Mohem/src/app/home/home.page.ts index 0a882f0f..66d3a378 100644 --- a/Mohem/src/app/home/home.page.ts +++ b/Mohem/src/app/home/home.page.ts @@ -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(); } diff --git a/Mohem/src/theme/styles.scss b/Mohem/src/theme/styles.scss index 2d06bd96..ea426604 100644 --- a/Mohem/src/theme/styles.scss +++ b/Mohem/src/theme/styles.scss @@ -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; }