Improve gabinete page

src/app/pages/gabinete-digital/gabinete-digital.page.ts

@@ -17,6 +17,11 @@ export class GabineteDigitalPage implements OnInit {
   showLoader: boolean;
   public profile:string;
 
+  desktopComponent: any = {
+    showEventList: false,
+    showExpediente : false
+  }
+
   constructor(
     private processesbackend:ProcessesService,
     private modalController: ModalController,
@@ -84,29 +89,40 @@ this.processesbackend.GetActionsList().subscribe(res=>{
   }
   
   async openEventsToApproveList(segment:any){
-    const modal = await this.modalController.create({
-      component: EventListPage,
-      componentProps:{
-        segment: segment,
-      },
-      cssClass: 'expedient-task-modal',
-      backdropDismiss: false
-    });
-    await modal.present();
-    modal.onDidDismiss();
+    if( window.innerWidth <= 1024){
+      const modal = await this.modalController.create({
+        component: EventListPage,
+        componentProps:{
+          segment: segment,
+        },
+        cssClass: 'modal expedient-task-modal modal-desktop',
+        backdropDismiss: false
+      });
+      await modal.present();
+      modal.onDidDismiss();
+    } else {
+
+    }
+
   }
 
   async openExpedientList(){
-    const modal = await this.modalController.create({
-      component: ExpedientePage,
-      componentProps:{
-        profile: this.profile,
-      },
-      cssClass: 'modal',
-      backdropDismiss: false
-    });
-    await modal.present();
-    modal.onDidDismiss();
+    
+    if( window.innerWidth <= 1024){
+      const modal = await this.modalController.create({
+        component: ExpedientePage,
+        componentProps:{
+          profile: this.profile,
+        },
+        cssClass: 'modal  modal-desktop',
+        backdropDismiss: false
+      });
+      await modal.present();
+      modal.onDidDismiss();
+    } else {
+
+    }
+
   }
 
 }