KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix #65 issue codeclimate in app/javascript/src/assets/scss/widgets/_billing.scss (#124)

Browse source
This commit is contained in:
Kirill Arutyunov 2019-10-06 17:16:05 +03:00 committed by Pranav Raj S
parent 9759c7432f
commit c0f40b1713
1 changed files with 30 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
app/javascript/src/assets/scss/widgets/_billing.scss
View file

@ -1,35 +1,42 @@
.billing {
@include full-height;
.row {
@include full-height;
}
.billing__stats {
@include flex;
}
.billing__form {
@include thin-border($color-border-light);
@include margin($zero -$space-micro);
@include margin($zero - $space-micro);
@include full-height;
background: $color-white;
iframe {
border: 0;
@include full-height;
border: 0;
width: 100%;
}
}
.account-row {
@include flex-grid-column(3, $space-medium);
@include padding($space-normal);
background: $color-white;
@include flex;
@include flex-direction(column);
// @include thin-border($color-border-light);
// @include margin(-$space-micro $zero);
background: $color-white;
font-size: $font-size-small;
.title {
font-weight: $font-weight-medium;
color: $color-heading;
font-weight: $font-weight-medium;
}
.value {
font-size: $font-size-mega;
font-weight: $font-weight-light;
@ -41,25 +48,29 @@
.account-locked {
@include background-gray;
@include margin(0);
.lock-message{
}
.lock-message {
@include flex;
@include full-height;
@include flex-direction(column);
@include flex-align(center, middle);
div {
@include flex;
@include full-height;
@include flex-direction(column);
@include flex-align(center, middle);
div {
@include flex;
@include full-height;
@include flex-direction(column);
@include flex-align(center, middle);
img {
width: 10rem;
@include margin($space-normal);
}
span {
text-align: center;
font-size: $font-size-small;
font-weight: $font-weight-medium;
}
img {
@include margin($space-normal);
width: 10rem;
}
span {
font-size: $font-size-small;
font-weight: $font-weight-medium;
text-align: center;
}
}
}