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

feat: Use fontawsome icons for measurements

Browse Source
This commit is contained in:
moanos [he/him] 2025-04-13 17:35:00 +02:00
parent a6b88b4bb7
commit bbf30c4350
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
public/index.html
View File

@ -64,16 +64,30 @@
<h2 class="title is-4"><label data-i18n-key="cage-measurements" <h2 class="title is-4"><label data-i18n-key="cage-measurements"
for="form-cage-measurements">Käfigmaße</label></h2> for="form-cage-measurements">Käfigmaße</label></h2>
<form id="form-cage-measurements" class="form-measurements"> <form id="form-cage-measurements" class="form-measurements">
<div class="input-measurement">
<label for="width" class="label" data-i18n-key="width-cm">Breite (cm)</label> <label for="width" class="label" data-i18n-key="width-cm">Breite (cm)</label>
<input class="input" type="number" id="width"> <p class="control has-icons-left">
</div> <input class="input" type="number" id="width" placeholder="100 cm">
<div class="input-measurement"> <span class="icon is-small is-left">
<label for="depth" class="label" data-i18n-key="depth-cm">Tiefe (cm)</label> <i class="fas fa-ruler-horizontal"></i>
<input class="input" type="number" id="depth"> </span>
</div> </p>
<label for="depth" class="label" data-i18n-key="depth-cm">Tiefe (cm)</label>
<p class="control has-icons-left">
<input class="input" type="number" id="depth" placeholder="50 cm">
<span class="icon is-small is-left">
<i class="fas fa-ruler"></i>
</span>
</p>
<label for="height" class="label" data-i18n-key="height-cm">Höhe (cm)</label> <label for="height" class="label" data-i18n-key="height-cm">Höhe (cm)</label>
<input class="input" type="number" id="height"> <p class="control has-icons-left">
<input class="input" type="number" id="height" placeholder="120 cm">
<span class="icon is-small is-left">
<i class="fas fa-ruler-vertical"></i>
</span>
</p>
<div class="columns"> <div class="columns">