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;
}