Chatwoot/app/javascript/dashboard/assets/scss/widgets/_states.scss
2019-10-27 19:28:02 +05:30

42 lines
599 B
SCSS

.loading-state {
padding: $space-jumbo $space-smaller;
.message {
display: block;
width: 100%;
text-align: center;
color: $color-gray;
}
.spinner {
float: none;
top: -$space-smaller;
}
}
// EMPTY STATES
.empty-state {
padding: $space-jumbo $space-smaller;
.title,
.message {
display: block;
text-align: center;
width: 100%;
}
.title {
font-size: $font-size-giga;
font-weight: $font-weight-feather;
}
.message {
width: 50%;
margin: 0 auto;
color: $color-gray;
}
.button {
margin-top: $space-medium;
}
}