heboba/goodgarden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

N/A

Browse Source
This commit is contained in:
Renzo
2024-03-06 09:11:01 +01:00
parent 04af341917
commit 14b7a1a48b
2 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/style.scss
View File

@@ -192,7 +192,7 @@ body
#main-waardes #main-waardes
{ {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-between;
padding: .5rem; padding: .5rem;
padding-bottom: 0; padding-bottom: 0;
width: 100%; width: 100%;
@@ -200,8 +200,8 @@ body
table table
{ {
display: flex; display: flex;
justify-content: space-around; justify-content: space-between;
// width: 100%; width: 100%;
} }
} }
} }

46
src/index.html
View File

@@ -73,17 +73,39 @@
</td> </td>
</tr> </tr>
</table> </table>
<div id="myModal" class="modal"> <div class="formulier">
<!-- Modal content --> <div id="myModal" class="modal" style="display: none;">
<span class="close">&times;</span> <h1>Plant Toevoegen</h1>
<form action="http://localhost:3000/submit-form" method="post"> <form action="http://localhost:3000/submit-form" method="post">
<!-- Form content --> <label for="plantNaam">Naam van de plant</label><br>
</form> <input type="text" name="plant_naam" id="plantNaam"><br>
<label for="plantensoort">Soort van de plant</label><br>
<input type="text" name="plantensoort" id="plantensoort"><br>
<label for="aanwezig">Aanwezig in de kas</label><br>
<select name="aanwezig_in_kas">
<option value="ja">Ja</option>
<option value="nee">Nee</option>
</select><br>
<label for="ontvangenMeldingen">Meldingen ontvangen</label><br>
<select name="ontvangen_meldingen">
<option value="ja">Ja</option>
<option value="nee">Nee</option>
</select><br>
<section class="knop-container">
<br><button class="annulatie" type="button" onclick="closeOverlay()">Annuleren</button>
<button class="toevoeging" type="button" onclick="closeOverlay()">Toevoegen</button>
</section>
</form> <!-- Sluit de form-tag hier -->
</div>
</div> </div>
<div id="overlay" onclick="closeOverlay"></div>
</section> </section>
<!-- White space --> <!-- White space -->
<section> <section>
<p>a</p>
</section> </section>
<section class="kant-rechts"> <section class="kant-rechts">
<section id="metingen"> <section id="metingen">
@@ -100,13 +122,13 @@
<p>24u gemiddelde</p> <p>24u gemiddelde</p>
</td> </td>
</tr> </tr>
<tr>
<td>
<p>a</p>
</td>
</tr>
</table> </table>
</article> </article>
<div class="divider">
</div>
<article>
</article>
</section> </section>
</section> </section>
</section> </section>