2022-04-13 13:51:55 +07:00

95 lines
1.5 KiB
SCSS

.review-table {
padding: 25px;
box-shadow: none;
border-radius: 0;
border-bottom: 1px solid #eee;
height: auto;
margin-bottom: 0;
.star-review i {
font-size: 20px;
}
.media-body{
p{
color: #3e4954;
font-size: 18px;
line-height: 1.5;
}
}
.disease {
border-left: 1px solid $border-color;
padding-left: 20px;
}
.media-footer {
min-width: 500px;
margin-left: 10px;
}
@include respond ('laptop'){
.media-footer{
min-width: 273px;
margin-left: 10px;
}
}
@include respond ('tab-port'){
.star-review i {
font-size: 16px;
}
.custom-control {
float: right;
right:-20px;
}
.media{
display: block !important;
}
.media-body{
p {
font-size: 14px;
}
}
img {
float: left;
width: 80px;
}
.media-footer {
margin-left: 0;
margin-top: 25px;
}
.disease {
border-left: 0;
padding-left: 0;
margin-right: 10px !important;
margin-left: 0;
}
}
@include respond ('phone'){
.media-footer{
flex-flow:wrap;
.disease{
margin-right:auto!important;
}
.edit{
margin-left:0!important;
}
}
}
}
//review-tab
.review-tab{
.nav-link{
border-radius:0;
font-weight:600;
border-bottom:2px solid #D9D9D9;
@include transitionMedium;
&.active{
background:transparent;
color:$primary;
@include transitionMedium;
box-shadow:none;
border-color:$primary;
}
@include respond ('phone'){
padding: 10px 16px;
font-size: 13px;
}
}
}