Improve chat responsiveness

src/app/pages/chat/chat.page.ts

@@ -327,17 +327,11 @@ sendMsg() {
   async openMessagesModal(roomId:any){
     this.closeAllDesktopComponents();
 
-    let classs;
-    if( window.innerWidth <= 1024){
-      classs = 'modal'
-    } else  {
-      classs = 'chat-mobile-modal-to-Desktop'
-    }
     console.log(roomId);
     
     const modal = await this.modalController.create({
       component: MessagesPage,
-      cssClass: classs,
+      cssClass: 'modal modal-desktop',
       componentProps: {
         roomId: roomId,
       },
@@ -347,17 +341,12 @@ sendMsg() {
   }
 
   async openGroupMessagesModal(roomId:any){
-    let classs;
+
-    if( window.innerWidth <= 1024){
-      classs = 'modal'
-    } else  {
-      classs = 'chat-mobile-modal-to-Desktop'
-    }
     console.log(roomId);
     
     const modal = await this.modalController.create({
       component: GroupMessagesPage,
-      cssClass: classs,
+      cssClass: 'modal modal-desktop',
       componentProps: {
         roomId: roomId,
       },

src/app/pages/chat/group-messages/group-messages.page.scss

@@ -16,8 +16,6 @@
         transform: translate3d(0, 1px, 0);
         
         .header-top{
-          width: 360px;
-          margin: 0px auto;
           overflow: auto;
           padding: 0 !important;
           background: #fff;
@@ -36,7 +34,7 @@
           }
         }
         .header-bottom{
-          width: 310px;
+          padding-left: 10px;
           overflow: auto;
           margin: 0 auto;
 

src/app/shared/chat/group-messages/group-messages.page.scss

@@ -12,8 +12,7 @@
         //transform: translate3d(0, 1px, 0);
         
         .header-top{
-          //width: 360px;
+          width: 100%;
-          margin: 0px auto;
           overflow: auto;
           padding: 0 !important;
           background: #fff;