added fixed footer

This commit is contained in:
Janis M
2022-03-30 14:09:08 +02:00
parent 7caeedb45e
commit e0e28209c6
8 changed files with 39 additions and 32 deletions

View File

@@ -5,8 +5,11 @@
}
html,body{
min-height: 100% !important;
height: 100%;
height: 100% !important;
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
}
h1, h2{
@@ -51,7 +54,7 @@ h1, h2{
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom: 20px;
padding-bottom: 100px;
}
@media only screen and (max-width: 1030px) {

View File

@@ -46,6 +46,7 @@
</table>
</div>
</div>
<%- include('partials/footer'); %>
</body>
</html>

View File

@@ -16,13 +16,6 @@
background-color: white;
}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
}
.grid-container {
display: flex;
gap: 20px;

View File

@@ -26,5 +26,6 @@
<a class="text-redirect" href="/register">Sie haben keinen Account?</a>
</form>
</div>
<%- include('partials/footer'); %>
</body>
</html>

View File

@@ -6,27 +6,29 @@
</head>
<body>
<%- include('partials/header'); %>
<br>
<h1 class="text-center">Ihre Bestellung</h1>
<p style="width:100%; display:block;"class="error-text text-center"><%- error %></p>
<div class="content">
<h1 class="text-center">Ihre Bestellung</h1>
<p style="width:100%; display:block;"class="error-text text-center"><%- error %></p>
<div id="order-info">
<p><b>Produktname:</b> <%= product.name %></p>
<p><b>Stückpreis:</b> <%= product.price.toFixed(2) %> €</p>
<p><b>Anzahl: </b><%= quantity %></p>
<hr>
<p><b>Gesamtpreis:</b> <%= (quantity * product.price).toFixed(2) %> €</p>
<div id="order-info">
<p><b>Produktname:</b> <%= product.name %></p>
<p><b>Stückpreis:</b> <%= product.price.toFixed(2) %> €</p>
<p><b>Anzahl: </b><%= quantity %></p>
<hr>
<p><b>Gesamtpreis:</b> <%= (quantity * product.price).toFixed(2) %> €</p>
</div>
<!--submit button-->
<form class="order_form" action="/order" method="POST">
<input hidden type="text" name="productId" value="<%= product.id %>">
<input hidden type="text" name="quantity" value="<%= quantity %>">
<!-- Price is calculated on backend ;) -->
<input type="submit" value="Bestellen">
</form>
</div>
<!--submit button-->
<form class="order_form" action="/order" method="POST">
<input hidden type="text" name="productId" value="<%= product.id %>">
<input hidden type="text" name="quantity" value="<%= quantity %>">
<!-- Price is calculated on backend ;) -->
<input type="submit" value="Bestellen">
</form>
<%- include('partials/footer'); %>
</body>
</html>

View File

@@ -89,6 +89,6 @@
<% } %>
</section>
</div>
<!--<%- include('partials/footer'); %>-->
<%- include('partials/footer'); %>
</body>
</html>

View File

@@ -93,6 +93,7 @@
<a class="text-redirect" href="/login">Sie haben bereits einen Account?</a>
</form>
</div>
<%- include('partials/footer'); %>
<script src="/js/jquery.min.js"></script>
<script src="/js/register.js"></script>

View File

@@ -7,7 +7,6 @@
<header>
<%- include('partials/header'); %>
</header>
<div class="filtersDIV" style="display:none">
<br/>
<h3 style="text-align: center; "> FILTER COMMING SOON </h3>
@@ -76,6 +75,13 @@
</script>
<style type="text/css">
html,body{
height: 100% !important;
display: block !important;
min-height: 100vh;
flex-direction:unset !important;
}
a, a:hover, a:focus, a:active > .allProductsDIV {
text-decoration: none;
color: inherit;