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

feat: improve selector
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
Details

Browse Source
This commit is contained in:
moanos [he/him]
2024-07-19 00:50:23 +02:00
parent 9e3c89f94d
commit 583b0fb49f
2 changed files with 77 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/index.html
View File

@@ -12,20 +12,55 @@
<div class="content">
<div class="container-form">
<div class="cage-selector">
<div class="card-photo">
<input type="checkbox" id="savic-xl"/>
<label for="savic-95">
<img src="assets/img/savic-xl.jpeg">
</label>
<div class="card">
<div class="card-photo">
<input type="checkbox" id="savic-xl"/>
<div>
<img src="assets/img/savic-xl.jpeg">
</div>
</div>
<label for="savic-xl"> Savic Suite Royale XL</label>
</div>
<div class="card-photo">
<input type="checkbox" id="savic-95"/>
<label for="savic-95">
<img src="assets/img/savic-95-double.jpg">
</label>
<div class="card">
<div class="card-photo">
<input type="checkbox" id="savic-95"/>
<div>
<img src="assets/img/savic-95-double.jpg">
</div>
</div>
<label for="savic-95">Savic Suite Royale 95 Double</label>
</div>
<div class="card">
<div class="card-photo">
<input type="checkbox" id="tiaki"/>
<div>
<img src="assets/img/tiaki.jpeg">
</div>
</div>
<label>TIAKI Kleintierkäfig Étagère</label>
</div>
<div class="card">
<div class="card-photo">
<input type="checkbox" id="tiaki"/>
<form class="form-measurements">
<input class="measurement" type="number" id="width">
<label for="width">Breite</label>
<input class="measurement" type="number" id="depth">
<label for="depth">Tiefe</label>
<input class="measurement" type="number" id="height">
<label for="height">Höhe</label>
</form>
</div>
<label>Anderer Käfig</label>
</div>
</div>
<div class="input-element">
<div class="slidecontainer">