Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(dashboard): improve electricity responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-15 19:59:37 +03:00
parent 06e86482d6
commit 660c9e508c
2 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/pages/dashboard/dashboard.component.html
View file

@ -25,11 +25,11 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xxxl-3 col-xl-4 col-lg-5 col-md-6"> <div class="col-xxxl-3 col-xxl-4 col-lg-5 col-md-6">
<ngx-temperature></ngx-temperature> <ngx-temperature></ngx-temperature>
</div> </div>
<div class="col-xxxl-9 col-xl-8 col-lg-7 col-md-6"> <div class="col-xxxl-9 col-xxl-8 col-lg-7 col-md-6">
<ngx-electricity></ngx-electricity> <ngx-electricity></ngx-electricity>
</div> </div>
</div> </div>

14
src/app/pages/dashboard/electricity/electricity.component.scss
View file

@ -207,6 +207,12 @@
} }
} }
@include media-breakpoint-down(xxl) {
.stats-block {
border: none;
padding: 0 1rem;
}
}
@include media-breakpoint-between(md, xl) { @include media-breakpoint-between(md, xl) {
.consumption-table { .consumption-table {
display: none; display: none;
@ -216,9 +222,6 @@
.chart-header { .chart-header {
padding: 1rem; padding: 1rem;
} }
.stats-block:first-child {
margin-right: 1rem;
}
.dropdown { .dropdown {
min-width: 100px; min-width: 100px;
button { button {
@ -234,6 +237,11 @@
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
.stats-block { .stats-block {
padding: 0;
&:first-child {
padding: 0 0.5rem;
}
.subtitle { .subtitle {
font-size: 1rem; font-size: 1rem;
} }