responsive

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

@@ -1,3 +1,5 @@
+@import '~src/function.scss';
+
 .header-toolbar{
     --background:transparent;
     --opacity: 1;
@@ -17,7 +19,7 @@
      .div-icon{
        width: 40px;
        float: right;
-       font-size: 35px;
+       font-size: rem(35);
        overflow: auto;
        padding: 1px;
      }
@@ -34,7 +36,7 @@
      .back-icon{
        width: 37px;
        float: left;
-       font-size: 35px;
+       font-size: rem(35);
        overflow: auto;
          
        }
@@ -45,7 +47,7 @@
          margin: 2.5px 0 0 5px;
      }
      .title{
-         font-size: 25px;
+         font-size: rem(25);
      }
    }
  }
@@ -105,7 +107,7 @@
     
     .item-divider{
       background: #ebebeb;
-      font-size: 15px;
+      font-size: rem(15);
       margin: 10px 0 10px 0;
       padding:5px 0 5px 20px;
   
@@ -136,12 +138,12 @@
          margin: 0 !important;
          width: 330px;
          padding-left: 10px;
-         font-size: 15px;
+         font-size: rem(15);
          color: var(--title-text-color);
          float: left;
      }
      .item-checkbox ion-icon, .members-checkbox ion-icon{
-       font-size: 10px;
+       font-size: rem(10);
        float: left;
        color:#99e47b;
        margin-left: 10px;