Add mobile styles
This commit is contained in:
parent
0a7a9bbd2f
commit
6377821a7f
1 changed files with 15 additions and 4 deletions
|
@ -36,13 +36,17 @@
|
|||
}
|
||||
|
||||
.blank-state {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 50px 30px;
|
||||
padding: 20px;
|
||||
margin-bottom: 30px;
|
||||
border: 1px solid $border-color;
|
||||
border-radius: $border-radius-default;
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 50px 30px;
|
||||
}
|
||||
|
||||
.blank-state-icon {
|
||||
svg {
|
||||
display: block;
|
||||
|
@ -56,6 +60,13 @@
|
|||
}
|
||||
|
||||
.blank-state-body {
|
||||
padding-left: 20px;
|
||||
@media (max-width: $screen-xs-max) {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue