moerp/elo-rezept-rechner
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp
2024-04-04 13:29:03 +02:00
parent 1643aa65d4
commit 43b74dc3c2
2 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/static/style.css
View File

@ -231,4 +231,13 @@ button#cancel-button:disabled {
button#cancel-button:not(:disabled):hover {
background-color: #490000; /* Dunkleres Rot */
}
}
.form-layout {
display: flex;
flex-direction: column;
}
.form-row {
margin-bottom: 10px;
}

32
src/templates/index.html
View File

@ -240,21 +240,25 @@ function updateTotalNutrition() {
<div class="content">
<form onsubmit="event.preventDefault(); addProduct();" id="product-form">
<input type="number" id="portions" name="portions" placeholder="Portionen" min="1" value="1" oninput="recalculateTableBasedOnPortions()">
<label for="my_combobox">Wählen Sie ein Lebensmittel</label>
<input list="products" name="my_combobox" id="my_combobox" placeholder="Lebensmittel" oninput="updateButtonState()" autocomplete="off">
<datalist id="products">
<!-- Produkte werden hier dynamisch eingefügt -->
</datalist>
<input type="number" id="weight" name="weight" placeholder="Gramm" oninput="updateButtonState()">
<button type="submit" id="submit-button" disabled>Hinzufügen</button>
<form onsubmit="event.preventDefault(); addProduct();" id="product-form" class="form-layout">
<div class="form-row">
<input type="number" id="portions" name="portions" placeholder="Portionen" min="1" value="1" oninput="recalculateTableBasedOnPortions()">
</div>
<div class="form-row">
<label for="my_combobox">Wählen Sie ein Lebensmittel</label>
<input list="products" name="my_combobox" id="my_combobox" placeholder="Lebensmittel" oninput="updateButtonState()" autocomplete="off">
<datalist id="products">
<!-- Produkte werden hier dynamisch eingefügt -->
</datalist>
</div>
<div class="form-row">
<input type="number" id="weight" name="weight" placeholder="Gramm" oninput="updateButtonState()">
</div>
<div class="form-row">
<button type="submit" id="submit-button" disabled>Hinzufügen</button>
</div>
</form>
<table id="nutrition-table">
<tr>