Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-09-22 05:50:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(dashboard): change temperature icons, fix responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-15 14:05:25 +03:00
parent 0366453313
commit 4d02509c83
2 changed files with 13 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/app/pages/dashboard/temperature/temperature.component.html
View file

@ -22,16 +22,16 @@
<div [(ngModel)]="temperatureMode" ngbRadioGroup data-toggle="buttons"
class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width">
<label class="btn btn-icon">
<input type="radio" value="cool"/><i class="nb-snowy"></i>
<input type="radio" value="cool"/><i class="nb-snowy-circled"></i>
</label>
<label class="btn btn-icon">
<input type="radio" value="warm"/><i class="nb-sunny"></i>
<input type="radio" value="warm"/><i class="nb-sunny-circled"></i>
</label>
<label class="btn btn-icon">
<input type="radio" value="heat"/><i class="nb-flame"></i>
<input type="radio" value="heat"/><i class="nb-flame-circled"></i>
</label>
<label class="btn btn-icon">
<input type="radio" value="fan"/><i class="nb-loop"></i>
<input type="radio" value="fan"/><i class="nb-loop-circled"></i>
</label>
</div>
</nb-tab>
@ -54,16 +54,16 @@
<div [(ngModel)]="humidityMode" ngbRadioGroup data-toggle="buttons"
class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width">
<label class="btn btn-icon">
<input type="radio" value="cool"/><i class="nb-snowy"></i>
<input type="radio" value="cool"/><i class="nb-snowy-circled"></i>
</label>
<label class="btn btn-icon">
<input type="radio" value="warm"/><i class="nb-sunny"></i>
<input type="radio" value="warm"/><i class="nb-sunny-circled"></i>
</label>
<label class="btn btn-icon">
<input type="radio" value="heat"/><i class="nb-flame"></i>
<input type="radio" value="heat"/><i class="nb-flame-circled"></i>
</label>
<label class="btn btn-icon">
<input type="radio" value="fan"/><i class="nb-loop"></i>
<input type="radio" value="fan"/><i class="nb-loop-circled"></i>
</label>
</div>
</nb-tab>

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

@ -101,7 +101,7 @@
align-items: center;
justify-content: center;
border-color: nb-theme(form-control-border-color);
border-color: nb-theme(separator);
width: 4.5rem;
height: 4.5rem;
padding: 0;
@ -114,7 +114,7 @@
}
i {
font-size: 1.75rem;
font-size: 2.25rem;
line-height: 1;
}
}
@ -155,6 +155,9 @@
.btn-icon {
width: 3.25rem;
height: 3.25rem;
i {
font-size: 1.75rem;
}
}
nb-tabset /deep/ ul {