fixed digital id image size in all screen

5 years ago · 8ca4123af7
parent 7be642e52e
commit 8ca4123af7
2 changed files with 16 additions and 1 deletions
--- a/Mohem/src/app/authentication/digital-id/digital-id.component.html
+++ b/Mohem/src/app/authentication/digital-id/digital-id.component.html
@ -4,7 +4,7 @@
  <ion-grid>
    <ion-row>
      <ion-col size="6" *ngIf="userInfo.EMPLOYEE_IMAGE != null">
-        <img style="width: 80%;height: 215%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 20px;"
+        <img class="digital-id-image-size"
         [src]="'data:image/png;base64,'+userInfo.EMPLOYEE_IMAGE">
      </ion-col>
      <ion-col size="6" *ngIf="userInfo.EMPLOYEE_IMAGE == null">
--- a/Mohem/src/app/authentication/digital-id/digital-id.component.scss
+++ b/Mohem/src/app/authentication/digital-id/digital-id.component.scss
@ -11,3 +11,18 @@
    width: 315px;
 }

+@media only screen and (max-device-height: 640px) {
+    .digital-id-image-size{
+        width: 70% !important;
+        height: 160% !important;
+        bottom: 0% !important; 
+        position: absolute !important; 
+        border: 1px solid #e6e6e6 !important; 
+        border-radius: 20px !important;
+    }
+}
+
+.digital-id-image-size{
+    width: 70%;height: 180%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 20px;
+}
+