arreglando los errores de labels en el form de wcag

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

View file

@ -21,16 +21,28 @@
<nb-radio-group [(ngModel)]="temperatureMode" name="temperature-mode">
<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 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 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 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-group>
</nb-tab>

View file

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