improve responsiveness

This commit is contained in:
Peter Maquiran
2023-07-07 12:03:03 +01:00
parent 2d03162a3b
commit c62f7319a0
176 changed files with 1793 additions and 1682 deletions
@@ -1,3 +1,4 @@
@import '~src/function.scss';
ion-content{
--background:transparent;
}
@@ -29,7 +30,7 @@ ion-content{
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
@@ -43,7 +44,7 @@ ion-content{
.ion-item-container{
margin: 15px auto;
margin: rem(15) auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 10px;
@@ -60,11 +61,11 @@ ion-content{
margin: 0px auto;
}
.ion-icon-class{
width: 45px;
height: 45px;
width: rem(45);
height: rem(45);
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
ion-select{
padding-left: 5px;
@@ -72,7 +73,7 @@ ion-content{
}
.ion-input-class{
height: 45px;
height: rem(45);
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
@@ -92,18 +93,18 @@ ion-content{
}
.add-people{
width: 45px;
width: rem(45);
float: right;
font-size: 25px;
height: 45px;
font-size: rem(25);
height: rem(45);
display: flex;
}
.list-people-title{
/* font-size: 13px; */
/* font-size: rem(13); */
color: #a3a3a3;
}
.attach-document{
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
margin: 5px 5px 5px 10px;
padding: 5px;
@@ -111,30 +112,30 @@ ion-content{
}
.attach-icon{
width: 37px;
font-size: 35px;
font-size: rem(35);
float: left;
}
.attach-title-item{
width: 100%;
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
}
/* SPAN */
.span-left{
float: left;
font-size: 15x;
font-size: rem(15);
}
.span-right{
text-align: right;
float: right;
font-size: 13px;
font-size: rem(13);
}
.container-footer{
margin:0 auto;
}
.button-cancel {
width: 170px;
height: 44px;
height: rem(44);
border-radius: 22.5px;
--background: #e0e9ee;
--color: #061b52;
@@ -142,7 +143,7 @@ ion-content{
}
.button-save {
width: 170px;
height: 44px;
height: rem(44);
border-radius: 22.5px;
--background: #42b9fe;
--color:#ffffff;
@@ -160,7 +161,7 @@ ion-content{
/* Error Messages */
.error{
color:red;
font-size: 12px;
font-size: rem(12);
font-weight: bold;
padding-bottom: 20px;
}
@@ -179,7 +180,7 @@ ion-content{
align-items: center;
padding: 0px 5px;
color: white;
font-size: 9pt;
font-size: rem(12);
font-weight: 500;
height: 19px;
-webkit-border-radius: 18px;