Responsivität, Multiuser

This commit is contained in:
elpatron68
2024-05-26 03:38:01 +02:00
parent b1f7f979c2
commit b63cdf7793
2 changed files with 21 additions and 15 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🍓 Erdbeerhannah 🍓</title>
<title>🍓 Erdbeerkasse 🍓</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body, html {
@@ -31,13 +31,16 @@
}
.bold-row {
font-weight: bold;
font-size: 400%;
font-size: 250%;
}
.large-font {
font-size: 300%;
}
.custom-btn-size {
font-size: 200%;
font-size: 180%;
}
.custom-btn-size-med {
font-size: 150%;
}
.input-container {
display: flex;
@@ -60,8 +63,8 @@
<table class="table table-bordered">
<form method="post">
<tbody>
<tr class="large-font">
<td colspan="3">🍓 Erdbeerhannah 🍓</td>
<tr class="bold-row">
<td colspan="3">🍓 Erdbeerkasse 🍓</td>
</tr>
<tr>
<td><button type="submit" name="wert" value="5.8" class="btn btn-xl btn-primary custom-btn-size">🍓 5,80€ ({{ item1 }})</button></td>
@@ -73,15 +76,15 @@
<td><button type="submit" name="wert" value="5.5" class="btn btn-xl btn-warning custom-btn-size">🧃 5,50€ ({{ item5 }})</button></td>
<td><button type="submit" name="wert" value="0.2" class="btn btn-xl btn-success custom-btn-size">🛍️ 0,20€ ({{ item6 }})</button></td>
</tr>
<tr class="bold-row">
<td>🫰 {{ gesamtwert }}€</td>
<tr>
<td class="bold-row">🫰 {{ gesamtwert }}€</td>
<td>
<div class="input-container">
<input type="text" class="form-control" name="given" placeholder="{{ given }}">
<button type="submit" class="btn btn-xl btn-primary custom-btn-size">🧾</button>
<button type="submit" class="btn btn-xl btn-primary custom-btn-size-med">🧾</button>
</div>
</td>
<td>🪙 {{ change }}€</td>
<td class="bold-row">🪙 {{ change }}€</td>
</tr>
<tr>
<td colspan="3"><button type="submit" name="wert" value="0" id="reset" class="btn btn-xl btn-dark custom-btn-size">Reset 🐳</button></td>