Improve home publi9cation for mobile

This commit is contained in:
Peter Maquiran
2021-04-14 15:27:50 +01:00
parent 13bd4131b3
commit f31299c24a
15 changed files with 37 additions and 135 deletions
@@ -1,18 +1,3 @@
<ion-header class="ion-no-border">
<ion-toolbar class="ion-no-border bg-blue">
<div class="div-top-header">
<div class="div-search">
<ion-icon src='assets/images/icons-search.svg'></ion-icon>
</div>
<div class="div-logo">
<img src='assets/images/logo-no-bg.png' alt='logo'>
</div>
<div class="div-profile">
<ion-icon src='assets/images/icons-profile.svg'></ion-icon>
</div>
</div>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="content-container">
@@ -14,7 +14,6 @@ ion-toolbar{
border-width: 0 !important;
}
.div-top-header{
width: 400px;
margin: 0 auto;
background-color: #0782c9;
overflow: auto;
@@ -41,7 +40,6 @@ ion-toolbar{
margin-right: 10px;
}
.content-top{
width: 344px;
background: #f3f2f2;
height: 20px;
margin: 0 auto;
@@ -60,7 +58,6 @@ ion-toolbar{
overflow: auto;
}
.title-content{
width: 360px;
margin: 0px auto;
overflow: auto;
padding: 0 !important;
@@ -79,7 +76,6 @@ font-size: 25px;
overflow: auto;
}
.ion-item-container{
width: 360px;
margin: 15px auto;
border: 1px solid #ebebeb;
border-radius: 5px;
@@ -92,8 +88,8 @@ font-size: 25px;
overflow: auto;
}
.ion-item-class-2{
width: 360px;
margin: 0px auto;
display: flex;
}
.ion-icon-class{
width: 45px;
@@ -101,24 +97,23 @@ font-size: 25px;
float: left;
padding: 10px;
font-size: 25px;
}
.ion-input-class{
width: 315px;
height: auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
padding-right: 10px;
float: left;
flex: 1;
}
.ion-textarea-class{
width: 315px;
height: auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
padding-right: 10px;
float: left;
flex: 1;
}
.ion-input-class-no-height{
border: 1px solid #ebebeb;