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

arreglando los errores de labels en el form de wcag

Browse source
This commit is contained in:
DESKTOP-FD57EEK\Joshua Matamorros 2025-10-06 20:07:50 -06:00
parent 97d0c22259
commit ebe9744d83
2 changed files with 23 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -21,16 +21,28 @@
<nb-radio-group [(ngModel)]="temperatureMode" name="temperature-mode"> <nb-radio-group [(ngModel)]="temperatureMode" name="temperature-mode">
<nb-radio value="cool"> <nb-radio value="cool">
<i class="nb-snowy-circled"></i> <div class="radio-label">
<i class="nb-snowy-circled"></i>
<span>Cool</span>
</div>
</nb-radio> </nb-radio>
<nb-radio value="warm"> <nb-radio value="warm">
<i class="nb-sunny-circled"></i> <div class="radio-label">
<i class="nb-sunny-circled"></i>
<span>Warm</span>
</div>
</nb-radio> </nb-radio>
<nb-radio value="heat"> <nb-radio value="heat">
<i class="nb-flame-circled"></i> <div class="radio-label">
<i class="nb-flame-circled"></i>
<span>Heat</span>
</div>
</nb-radio> </nb-radio>
<nb-radio value="fan"> <nb-radio value="fan">
<i class="nb-loop-circled"></i> <div class="radio-label">
<i class="nb-loop-circled"></i>
<span>Fan</span>
</div>
</nb-radio> </nb-radio>
</nb-radio-group> </nb-radio-group>
</nb-tab> </nb-tab>

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

@ -103,6 +103,13 @@
padding: 0; padding: 0;
} }
.radio-label {
display: flex;
flex-direction: column;
align-items: center;
font-size: 21px;
}
.text { .text {
border: 1px solid transparent; border: 1px solid transparent;
font-size: 2.5rem; font-size: 2.5rem;