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 { button#cancel-button:not(:disabled):hover {
background-color: #490000; /* Dunkleres Rot */ 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"> <div class="content">
<form onsubmit="event.preventDefault(); addProduct();" id="product-form"> <form onsubmit="event.preventDefault(); addProduct();" id="product-form" class="form-layout">
<input type="number" id="portions" name="portions" placeholder="Portionen" min="1" value="1" oninput="recalculateTableBasedOnPortions()"> <div class="form-row">
<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> </div>
<input list="products" name="my_combobox" id="my_combobox" placeholder="Lebensmittel" oninput="updateButtonState()" autocomplete="off"> <div class="form-row">
<datalist id="products"> <label for="my_combobox">Wählen Sie ein Lebensmittel</label>
<!-- Produkte werden hier dynamisch eingefügt --> <input list="products" name="my_combobox" id="my_combobox" placeholder="Lebensmittel" oninput="updateButtonState()" autocomplete="off">
</datalist> <datalist id="products">
<input type="number" id="weight" name="weight" placeholder="Gramm" oninput="updateButtonState()"> <!-- Produkte werden hier dynamisch eingefügt -->
<button type="submit" id="submit-button" disabled>Hinzufügen</button> </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> </form>
<table id="nutrition-table"> <table id="nutrition-table">
<tr> <tr>