mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 20:47:54 +00:00
Peter Maquiran
94 lines
1.7 KiB
SCSS
94 lines
1.7 KiB
SCSS
@import '~src/function.scss';
|
|
|
|
:host{
|
|
background: #0782c9;
|
|
}
|
|
ion-content{
|
|
--background: transparent;
|
|
transform: translate3d(0, 5px, 0);
|
|
--border-radius: 30px;
|
|
}
|
|
ion-footer{
|
|
background: #fff;
|
|
}
|
|
ion-toolbar{
|
|
/* --background:#0782c9; */
|
|
border-width: 0 !important;
|
|
}
|
|
.div-top-header{
|
|
width: 400px;
|
|
margin: 0 auto;
|
|
background-color: #0782c9;
|
|
overflow: auto;
|
|
padding-top: 15px;
|
|
border: 0!important;
|
|
}
|
|
.div-search{
|
|
font-size: rem(45);
|
|
float: left;
|
|
margin: 0 0 0 10px
|
|
}
|
|
.div-logo{
|
|
background: transparent;
|
|
width: 140px;
|
|
margin: 5px 0 0px 71px;
|
|
float: left;
|
|
}
|
|
.div-logo img{
|
|
width: 100%;
|
|
}
|
|
.div-profile{
|
|
font-size: rem(45);
|
|
float: right;
|
|
margin-right: 10px;
|
|
}
|
|
.content-top{
|
|
width: 344px;
|
|
background: #f3f2f2;
|
|
height: 20px;
|
|
margin: 0 auto;
|
|
border-top-left-radius: 25px;
|
|
border-top-right-radius: 25px;
|
|
}
|
|
.content-container{
|
|
width: 100%;
|
|
margin:0 auto;
|
|
border-top-left-radius: 25px;
|
|
border-top-right-radius: 25px;
|
|
background: #ffffff;
|
|
height: 100%;
|
|
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6);
|
|
padding: 25px 20px 0 20px;
|
|
overflow: auto;
|
|
}
|
|
.title-content{
|
|
margin: 0px auto;
|
|
overflow: auto;
|
|
padding: 0 !important;
|
|
}
|
|
.div-title{
|
|
/* padding: 0!important; */
|
|
float: left;
|
|
margin: 2.5px 0 0 5px;
|
|
}
|
|
.title{
|
|
font-size: rem(25);
|
|
}
|
|
.gallery-items{
|
|
width: 360px;
|
|
margin: 0 auto;
|
|
}
|
|
.gallery-item{
|
|
width: 118px;
|
|
height: 118px;
|
|
float: left;
|
|
overflow: hidden;
|
|
margin: 1px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.gallery-item img{
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
} |