FUH22860/y4f
1
0
Fork 0
mirror of https://github.com/yummy4friends/y4f.git synced 2024-12-30 22:27:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Finish Yummy-Punkte

Browse Source
This commit is contained in:
zha19115 2023-05-13 20:25:14 +02:00
parent 992c300458
commit 5430086746
3 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Shared/NavMenu.razor
View File

@ -24,7 +24,7 @@
</NavLink>
</li>
<li class="nav-item">
<NavLink class="nav-link" href="yummy_points">
<NavLink class="nav-link" href="yummy-punkte">
Yummy-Punkte
</NavLink>
</li>

11
Shared/Yummy-Punkte.razor
View File

@ -1,10 +1,8 @@
@page "/Bestellabschluss"
@page "/Yummy-Punkte"
<body>
<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
<p>Sie haben derzeit <b>1 Yummy-Punkt(e)</b></p>
<p class="text">Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt.
Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.</p>
<h4><b>Ihre Yummy-Punkte</b></h4>
<div class="img" >
@for(int i = 0; i < 10; i++)
@ -14,11 +12,10 @@
<br>
</div>
<p class="text">Achtung: Bitte beachten Sie, dass keine online Bezahlung zur Verfügung steht.
Diese dient nur zur Vorbestellung und muss selbst abgeholt werden.</p>
<p class="text">Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt. Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.</p>
<div class="button">
<form id="button1" action="Warenkorb">
<form id="button1" action="/">
<input type="submit" value="Zurück" class="btn">
</form>
</div>

21
Shared/Yummy-Punkte.razor.css
View File

@ -20,21 +20,22 @@ img {
}
.button {
padding-left: 25%;
padding-right: 25%;
text-align: center;
}
#button1, #button2 {
margin: 10px;
display: inline-block;
border-radius: 50px;
}
#button1 {
background-color: #F9BE89;
padding-left: 25%;
padding-right: 25%;
display: inline-block;
border-radius: 50px;
}
h4 {
text-align: center;
}
#button2 {
background-color: #89F9A5;
}