Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-03-03 04:10:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(dashboard): fix layout temperature styles, add humidity dragger

Browse source
This commit is contained in:
KostyaDanovsky 2017-07-13 16:00:49 +03:00
parent e12b77174d
commit 5f6f0d28d7
6 changed files with 56 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/app/pages/dashboard/temperature/temperature.component.scss
View file

@ -20,7 +20,7 @@
height: 100%;
}
.temperature-container {
.slider-container {
display: flex;
flex: 1;
justify-content: center;
@ -28,11 +28,11 @@
}
ngx-temperature-dragger {
margin-top: -3.5rem;
margin-top: -1.5rem;
width: 80%;
}
.temperature {
.slider-value-container {
display: flex;
flex-direction: column;
align-items: center;
@ -44,12 +44,22 @@
font-size: 4rem;
font-weight: nga-theme(font-weight-bolder);
&::before {
&.temperature::before {
position: absolute;
content: '°';
top: 0;
right: -1.25rem;
}
&.humidity::before {
position: absolute;
content: '%';
bottom: 0.5rem;
right: -2.5rem;
color: nga-theme(color-fg);
font-size: 2.5rem;
font-weight: nga-theme(font-weight-light);
}
}
.desc {