responsive

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

@@ -1,3 +1,4 @@
+@import '~src/function.scss';
 
 .header-toolbar{
     --background:transparent;
@@ -18,7 +19,7 @@
      .div-icon{
        width: 40px;
        float: right;
-       font-size: 35px;
+       font-size: rem(35);
        overflow: auto;
        padding: 1px;
      }
@@ -35,7 +36,7 @@
      .back-icon{
        width: 37px;
        float: left;
-       font-size: 35px;
+       font-size: rem(35);
        overflow: auto;
          
        }
@@ -46,7 +47,7 @@
          margin: 2.5px 0 0 5px;
      }
      .title{
-         font-size: 25px;
+         font-size: rem(25);
      }
    }
  }
@@ -89,7 +90,7 @@
  
      .item-divider{
        background: #ebebeb;
-       font-size: 15px;
+       font-size: rem(15);
        margin: 10px 0 10px 0;
        padding:5px 0 5px 20px;
   
@@ -106,13 +107,13 @@
         display: block;
         margin: 0 !important;
         width: 90%;
-        font-size: 15px;
+        font-size: rem(15);
         color: var(--title-text-color);
         float: left;
      }
      .item-user .icon{
         width: 10%;
-        font-size: 10px;
+        font-size: rem(10);
         display: block;
         text-align: right;
         overflow: auto;