moanos/RattenheimRechner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: styling cage selector

Browse Source
This commit is contained in:
moanos [he/him] 2024-07-19 23:52:56 +02:00
parent f2138425b9
commit 143dc31c0e
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/css/style.css
View File

@ -152,6 +152,15 @@ label {
cursor: pointer; cursor: pointer;
} }
.card-photo label {
color: var(--text-one);
padding: 10px;
}
.measurement {
width: 100px;
}
.cage-selector { .cage-selector {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

6
src/index.html
View File

@ -46,8 +46,9 @@
<div class="card"> <div class="card">
<div class="card-photo"> <div class="card-photo">
<input type="checkbox" id="tiaki"/>
<form class="form-measurements"> <label for="form-cage-measurements">Käfigmaße</label>
<form id="form-cage-measurements" class="form-measurements">
<div class="input-measurement"> <div class="input-measurement">
<label for="width">Breite</label> <label for="width">Breite</label>
<input class="measurement" type="number" id="width"> <input class="measurement" type="number" id="width">
@ -62,7 +63,6 @@
</div> </div>
</form> </form>
</div> </div>
<label>Käfigmaße</label>
</div> </div>
</div> </div>