LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases 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
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 { .billing {
@include full-height; @include full-height;
.row { .row {
@include full-height; @include full-height;
} }
.billing__stats { .billing__stats {
@include flex; @include flex;
} }
.billing__form { .billing__form {
@include thin-border($color-border-light); @include thin-border($color-border-light);
@include margin($zero -$space-micro); @include margin($zero - $space-micro);
@include full-height; @include full-height;
background: $color-white; background: $color-white;
iframe { iframe {
border: 0;
@include full-height; @include full-height;
border: 0;
width: 100%; width: 100%;
} }
} }
.account-row { .account-row {
@include flex-grid-column(3, $space-medium); @include flex-grid-column(3, $space-medium);
@include padding($space-normal); @include padding($space-normal);
background: $color-white;
@include flex; @include flex;
@include flex-direction(column); @include flex-direction(column);
// @include thin-border($color-border-light); // @include thin-border($color-border-light);
// @include margin(-$space-micro $zero); // @include margin(-$space-micro $zero);
background: $color-white;
font-size: $font-size-small; font-size: $font-size-small;
.title { .title {
font-weight: $font-weight-medium;
color: $color-heading; color: $color-heading;
font-weight: $font-weight-medium;
} }
.value { .value {
font-size: $font-size-mega; font-size: $font-size-mega;
font-weight: $font-weight-light; font-weight: $font-weight-light;
@@ -41,25 +48,29 @@
.account-locked { .account-locked {
@include background-gray; @include background-gray;
@include margin(0); @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 flex;
@include full-height; @include full-height;
@include flex-direction(column); @include flex-direction(column);
@include flex-align(center, middle); @include flex-align(center, middle);
div {
@include flex; img {
@include full-height; @include margin($space-normal);
@include flex-direction(column); width: 10rem;
@include flex-align(center, middle); }
img {
width: 10rem; span {
@include margin($space-normal); font-size: $font-size-small;
} font-weight: $font-weight-medium;
span { text-align: center;
text-align: center;
font-size: $font-size-small;
font-weight: $font-weight-medium;
}
} }
} }
} }