You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemm_srca/Mohem/src/app/itemforsale/items/items.component.scss

108 lines
1.5 KiB
SCSS

.header{
width: 100%;
position: absolute;
background: #259CB8;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
}
.bottom{
height: 100%;
width: 100%;
position: absolute;
background: #F5F5F5;
}
.SearchtextBox{
margin: 10px;
border-radius: 20px;
}
.filterText{
margin: 5px 15px 15px;
font-size: 18px;
font-weight: bold;
}
.container-icon{
padding: 0 10px 20px;
position: relative;
white-space:nowrap;
overflow-x:auto;
}
.box-icon{
width: 100px;
height: 100px;
margin: 0px;
display: inline-block;
}
.sale-icon{
box-shadow: 1px 1px 5px 1px #cccc;
padding: 5px;
margin: 5px;
border-radius: 10px;
background: #fff;
}
.sale-icon ion-icon{
font-size: 25px;
}
.sale-icon p{
margin-top:5px;
}
.bottom-icon{
text-overflow: clip;
white-space: normal;
}
ion-card-header{
background: #fff;
}
ion-card-header img{
margin:15px auto;
}
ion-card-title{
font-weight: bold;
font-size: 18px;
padding: 5px;
}
.orange{
color: orange;
}
.green{
color:#00AE4D;
}
ion-segment-button ion-label{
padding: 0;
font-size: 12px;
}
.segment-button-checked ion-label{
color: #fff !important;
}
.segment-button-checked{
background: rgb(46, 46, 46);
}
ion-item{
--background: #fff;
margin: 10px;
border-radius: 25px;
padding: 5px;
}
ion-item h3{
color: #000;
font-weight: bold;
font-size: 16px;
}
.yellow{
color:#ffc107;
}
ion-item .icon{
margin: 5px;
}
.edit{
margin-left:20px !important;
}