Files
asan-service/sass/pages/user-dashboard/agent-guarantee-details.scss
T
2023-08-17 13:05:51 +03:30

105 lines
2.0 KiB
SCSS

.user-dashboard {
&.agent-guarantee-details {
.agentActions {
margin-bottom: 50px;
.statuses {
h3 {
margin-bottom: 20px;
}
.btns {
@media (max-width: 992px) {
text-align: center;
}
button {
margin-bottom: 5px;
}
}
}
.timeLine {
h3 {
margin-bottom: 20px;
}
ul {
li {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
padding: 0 4px;
@include borderRadius(3px);
span {
display: block;
&:last-child {
font-family: sans-serif;
direction: ltr !important;
}
}
// define colors opacity
$colorsOpacity: 0.1;
&.saved {
background: rgba(gray, $colorsOpacity);
}
&.recieved {
background: rgba($theme, $colorsOpacity);
}
&.ongoing {
background: rgba(orange, $colorsOpacity);
}
&.waiting {
background: rgba(orangered, $colorsOpacity);
}
&.delivered {
background: rgba(green, $colorsOpacity);
}
}
}
}
}
.formDB {
flex-basis: 100%;
text-align: center;
margin-top: -20px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
img {
width: 100%;
max-width: 200px;
@extend %userSelect;
}
i,
span {
display: block;
font-size: 20px;
color: $theme;
}
span {
margin-right: 8px;
font-family: 'iranYekanB';
}
}
.addToDraftsBtn {
text-align: center;
margin-top: 20px;
span {
color: #fff;
}
}
}
}