Yum04-60 bestellabschluss (#13)

* Kontoverwaltung

* Kontoverwaltung Finish

* Kontoverwaltung Button not finished

* Kontoverwaltung Button not finished

* Kontoverwaltung fertig.

* Kontoverwaltung final finish

* Erster Entwurf fertig

* Finish Bestellabschluss

* Final Final FInisch
This commit is contained in:
zha19115 2023-05-08 19:36:12 +02:00 committed by GitHub
parent 3b6896b630
commit 818fe95ca1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 95 additions and 13 deletions

View File

@ -1,11 +1,11 @@
<Router AppAssembly="@typeof(App).Assembly">
<Found Context="routeData">
<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
<RouteView RouteData="@routeData" DefaultLayout="@typeof(Startseite)" />
<FocusOnNavigate RouteData="@routeData" Selector="h1" />
</Found>
<NotFound>
<PageTitle>Not found</PageTitle>
<LayoutView Layout="@typeof(MainLayout)">
<LayoutView Layout="@typeof(Startseite)">
<p role="alert">Sorry, there's nothing at this address.</p>
</LayoutView>
</NotFound>

View File

@ -1,5 +1,5 @@
@page "/"
@layout Startseite
 @page "/"
<PageTitle>Yummy4Friends</PageTitle>
@ -9,11 +9,11 @@
<center><h1>Herzlich Willkommen!</h1></center>
<img src="assets/Logo_new.png" class="img" title="logo image">
<form action="Kontoverwaltung">
<input type="submit" value="Zur Speisekarte" class="btn btn-light" />
<form action="Speisekarte">
<input type="submit" value="Zur Speisekarte" class="btn" />
</form>
</div>
</body>

View File

@ -0,0 +1,37 @@
@page "/Bestellabschluss"
@layout MainLayout
<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>
<div class="img" >
@for(int i = 0; i < 10; i++)
{
<img src="assets/White-Circle.png ">
}
<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>
<div class="button">
<form id="button1" action="Warenkorb">
<input type="submit" value="Zurück" class="btn">
</form>
<form id="button2" action="Confirm">
<input type="submit" value="Vorbestellen" class="btn">
</form>
</div>
</div>
</body>
@code {
}

View File

@ -0,0 +1,40 @@
body, html {
padding: 0px;
margin: 0px;
margin-bottom: 15px;
}
p {
text-align:center;
}
img {
width: 20%;
height: auto;
padding: 5px;
}
.text {
color: grey;
font-size: 13px;
}
.button {
text-align: center;
}
#button1, #button2 {
margin: 10px;
display: inline-block;
border-radius: 50px;
}
#button1 {
background-color: #F9BE89;
}
#button2 {
background-color: #89F9A5;
}

View File

@ -13,14 +13,15 @@
</section>
</footer>*@
<div class="footer">
<footer>
<div class="container">
<a href="">Kontakt</a> |
<a href="">Impressum</a> |
<a href="">Datenschutzerklärung</a> |
<a href="">Cookies</a>
</div>
</div>
</footer>
@code {
}

View File

@ -13,7 +13,7 @@ h6 {
}
.footer {
footer {
position: fixed;
left: 0;
bottom: 0;
@ -23,4 +23,5 @@ h6 {
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 100px;
}

View File

@ -1,4 +1,5 @@
@page "/Kontoverwaltung"
@layout MainLayout
<h3>Wichtige Informationen</h3> <br>

View File

@ -2,7 +2,7 @@
<div class="container-fluid">
@*<a class="navbar-brand" href="">Yummy4Friends</a>*@
<a class="navbar-brand" href="">
<img src="assets/Logo_new.png" alt="Yummy4Friends" width="8%" height="auto">
<img src="assets/Logo_new.png" alt="Yummy4Friends" width="60px" height="auto">
</a>
<button class="navbar-toggler @NavButtonCssClass" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -19,8 +19,10 @@ html, body {
margin: 10%;
}
form {
text-align: center;
background-color: #89F9A5;
border-radius: 50px;
}