fixed zoom image in mobile and web on chat and accoes presidenciais

src/app/modals/view-media/view-media.page.html

@@ -14,28 +14,32 @@
   </div>
 </ion-header>
 <ion-content fullscreen>
-  <div class="media d-flex align-items-center justify-center">
+  <div *ngIf="view" class="media d-flex align-items-center justify-center">
     <div class="media-content w-100 d-flex align-items-center justify-center">
 
       <ion-slides style="width: 100%; height: 100%;" [options]="sliderOpts">
         <ion-slide>
-          <div class="swiper-zoom-container">
-            <div>
+          <div class="swiper-zoom-container" >
+            <div style="overflow: scroll; width: 100%; height:100%;">
               <img src="{{image}}">
             </div>
-            <!-- <div *ngIf="type == 'application/pdf'">
-              <iframe width="100%" height="100%" [src]="base64Sanitize" type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"></iframe> -->
-              
-              <!-- <pdf-viewer [src]="image"
-              [render-text]="true"
-              [original-size]="false"
-              style="width: 400px; height: 500px"
-  ></pdf-viewer> -->
-            <!-- </div> -->
+          </div>
+
+          <div *ngIf="!view" class="swiper-zoom-container" >
+            <img src="{{image}}">
           </div>
         </ion-slide>
       </ion-slides>
 
     </div>
   </div>
-</ion-content>
+  <ion-slides *ngIf="!view" style="width: 100%; height: 100%;" [options]="sliderOpts">
+    <ion-slide>
+      <div  class="swiper-zoom-container" >
+        <img src="{{image}}">
+      </div>
+    </ion-slide>
+  </ion-slides>
+       
+      
+</ion-content>

src/app/modals/view-media/view-media.page.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { ModalController, NavParams } from '@ionic/angular';
+import { ModalController, NavParams, Platform } from '@ionic/angular';
 import { DomSanitizer} from '@angular/platform-browser';
 import { pdfDefaultOptions } from 'ngx-extended-pdf-viewer';
 
@@ -14,10 +14,10 @@ export class ViewMediaPage implements OnInit {
   type: any;
   name: string
   _updatedAt: string
+  view: boolean
 
   sliderOpts = {
-    zoom: true,
-    maxRation: 2
+    zoom: true
   };
 
   base64Sanitize:any = "";
@@ -26,6 +26,7 @@ export class ViewMediaPage implements OnInit {
     private modalController: ModalController,
     private navParams:NavParams,
     public sanitizer: DomSanitizer,
+    private platform: Platform,
     
   ) {
     this.image = this.navParams.get('image')
@@ -38,6 +39,12 @@ export class ViewMediaPage implements OnInit {
   ngOnInit() {
       
       this.base64Sanitize = this.sanitizer.bypassSecurityTrustResourceUrl(this.image);
+
+      if (this.platform.is('desktop')) {
+        this.view = true;
+      } else {
+        this.view = false;
+      }
     
   }
 
@@ -60,10 +67,6 @@ export class ViewMediaPage implements OnInit {
     const blob = new Blob(byteArrays, { type: contentType });
     return blob;
   };
-  
-
-
-
 
   close(){
     this.modalController.dismiss()