Responsivität, Multiuser
This commit is contained in:
@@ -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>
|
||||
|
Reference in New Issue
Block a user