fix media preview for tablet and desktop

src/app/shared/chat/messages/messages.page.html

@@ -53,7 +53,10 @@
           <ion-label>{{msg.msg}}</ion-label>
           <div *ngIf="msg.attachments" class="message-attachments">
             <div *ngFor="let file of msg.attachments">
-              <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image">
+              <div (click)="openPreview(msg)">
+                <!-- <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image" (click)="imageSize(file.image_url)"> -->
+                <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image">
+              </div>
                 <div>
                   <div class="file">
                     <!-- <canvas id="pdf_canvas"></canvas> -->

src/app/shared/chat/messages/messages.page.ts

@@ -17,6 +17,7 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
 import { ThemeService } from 'src/app/services/theme.service'
 import { PreviewCameraPage } from 'src/app/modals/preview-camera/preview-camera.page';
+import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
 
 @Component({
   selector: 'app-messages',
@@ -608,8 +609,8 @@ touchStart(card) {
 
   async openPreview(msg) {
     const modal = await this.modalController.create({
-      component:  PreviewCameraPage,
-      cssClass: 'transparent-modal',
+      component:  ViewMediaPage,
+      cssClass: 'modal modal-desktop',
       componentProps: {
         image: msg.attachments[0].image_url,
         username: msg.u.username,