mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-20 21:35:50 +00:00
improve responsiveness
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<ion-header class="ion-no-border background-white px-20 pt-25">
|
||||
<div class="title-content d-flex">
|
||||
<!-- <div class="back-icon">
|
||||
<ion-icon class="font-35" (click)="goBack()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
|
||||
<ion-icon class="font-35-rem" (click)="goBack()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
|
||||
</div> -->
|
||||
<div class="div-title">
|
||||
<ion-label class="title">{{ publicationTitle }}</ion-label> <br>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
|
||||
@import '~src/function.scss';
|
||||
ion-content{
|
||||
--background: transparent;
|
||||
transform: translate3d(0, 5px, 0);
|
||||
@@ -20,7 +20,7 @@ ion-toolbar{
|
||||
border: 0!important;
|
||||
}
|
||||
.div-search{
|
||||
font-size: 45px;
|
||||
font-size: rem(45);
|
||||
float: left;
|
||||
margin: 0 0 0 10px
|
||||
}
|
||||
@@ -34,7 +34,7 @@ ion-toolbar{
|
||||
width: 100%;
|
||||
}
|
||||
.div-profile{
|
||||
font-size: 45px;
|
||||
font-size: rem(45);
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@@ -68,15 +68,15 @@ float: left;
|
||||
margin: 2.5px 0 0 5px;
|
||||
}
|
||||
.title{
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
}
|
||||
.container-div{
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: rem(15);
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
.ion-item-container{
|
||||
margin: 15px auto;
|
||||
margin: rem(15) auto;
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 5px;
|
||||
padding-left: 10px;
|
||||
@@ -91,11 +91,11 @@ font-size: 25px;
|
||||
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-textarea-class{
|
||||
height: auto;
|
||||
@@ -112,7 +112,7 @@ font-size: 25px;
|
||||
}
|
||||
|
||||
.attach-document{
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color: var(--title-text-color);
|
||||
margin: 5px 5px 20px 10px;
|
||||
padding: 5px;
|
||||
@@ -120,12 +120,12 @@ font-size: 25px;
|
||||
}
|
||||
.attach-icon{
|
||||
width: 37px;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
float: left;
|
||||
}
|
||||
.attached-title{
|
||||
font-family: Roboto;
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
@@ -140,17 +140,17 @@ font-size: 25px;
|
||||
width: 60px;
|
||||
}
|
||||
.picture-file-name{
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color: #0d89d1;
|
||||
}
|
||||
.size{
|
||||
color: #cecece;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
}
|
||||
|
||||
.container-title{
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
font-weight: bold;
|
||||
}
|
||||
.hide-desktop{
|
||||
|
||||
Reference in New Issue
Block a user