mirror of
https://github.com/yummy4friends/y4f.git
synced 2024-12-29 04:47:08 +01:00
Yum04-54 kontoverwaltung (#11)
* Kontoverwaltung * Kontoverwaltung Finish * Kontoverwaltung Button not finished * Kontoverwaltung Button not finished * Kontoverwaltung fertig. * Kontoverwaltung final finish
This commit is contained in:
parent
2d23f8a022
commit
3b6896b630
@ -4,12 +4,17 @@
|
||||
<PageTitle>Yummy4Friends</PageTitle>
|
||||
|
||||
|
||||
<body style='--blazor-load-percentage: 100%; --blazor-load-percentage-text: "100%";'>
|
||||
<body style='--blazor-load-percentage: 100%; --blazor-load-percentage-text: "100%"; background-color:#C7FFD5;'>
|
||||
<div class="container col-lg-6 col-md-9 col-sm-12 d-flex flex-column " id="content">
|
||||
<center><h1>Herzlich Willkommen!</h1></center>
|
||||
|
||||
<img src="assets/Logo_new.png" class="img" title="logo image">
|
||||
|
||||
<button href="Speisekarte.razor" type="button" class=" btn btn-light justify-content-center">Zur Speisekarte</button>
|
||||
|
||||
<form action="Kontoverwaltung">
|
||||
<input type="submit" value="Zur Speisekarte" class="btn btn-light" />
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
|
||||
|
@ -1,4 +1,4 @@
|
||||
<footer class="text-center text-lg-start bg-light text-muted">
|
||||
@*<footer class="text-center text-lg-start bg-light text-muted">
|
||||
<section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"></section>
|
||||
<section class="">
|
||||
<div class="container text-center text-md-start mt-5">
|
||||
@ -11,8 +11,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
</footer>*@
|
||||
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<a href="">Kontakt</a> |
|
||||
<a href="">Impressum</a> |
|
||||
<a href="">Datenschutzerklärung</a> |
|
||||
<a href="">Cookies</a>
|
||||
</div>
|
||||
</div>
|
||||
@code {
|
||||
|
||||
}
|
||||
|
@ -1,5 +1,5 @@
|
||||
a {
|
||||
color: grey;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -10,4 +10,17 @@ a:hover, a:focus {
|
||||
|
||||
h6 {
|
||||
color: grey;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.footer {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: #89f9a5;
|
||||
color: black;
|
||||
text-align: center;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
31
Shared/Kontoverwaltung.razor
Normal file
31
Shared/Kontoverwaltung.razor
Normal file
@ -0,0 +1,31 @@
|
||||
@page "/Kontoverwaltung"
|
||||
|
||||
<h3>Wichtige Informationen</h3> <br>
|
||||
|
||||
|
||||
|
||||
<div class="container mt-auto">
|
||||
<h4>AccountID: #1234</h4>
|
||||
<h4>Ihr QR-Code: </h4>
|
||||
<h5>7392759231</h5>
|
||||
<img src="assets/K-QR.png" class="img" title="logo image">
|
||||
|
||||
<p>Ihr Konto wird 30 Tage nach der Deaktivierung unwiderruflich gelöscht.</p>
|
||||
<button class="btn" type="button" onclick="@ChangeButton" id="button1">@button1</button>
|
||||
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
|
||||
@code {
|
||||
bool changeButtonBool { get; set; } = true;
|
||||
|
||||
string button1 => changeButtonBool ? "Konto deaktivieren" : "Konto aktivieren";
|
||||
|
||||
void ChangeButton()
|
||||
{
|
||||
//TODO Datenbankaktualisierung
|
||||
changeButtonBool = !changeButtonBool;
|
||||
}
|
||||
}
|
||||
|
22
Shared/Kontoverwaltung.razor.css
Normal file
22
Shared/Kontoverwaltung.razor.css
Normal file
@ -0,0 +1,22 @@
|
||||
body {
|
||||
background-color: white;
|
||||
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #89f9a5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -1,13 +1,13 @@
|
||||
@inherits LayoutComponentBase
|
||||
|
||||
<div>
|
||||
<div >
|
||||
<NavMenu />
|
||||
|
||||
<main class="container">
|
||||
|
||||
<article class="content px-4">
|
||||
|
||||
@Body
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
<Footer />
|
||||
|
@ -36,7 +36,7 @@
|
||||
</NavLink>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<NavLink class="nav-link" href="profile">
|
||||
<NavLink class="nav-link" href="Kontoverwaltung">
|
||||
#12345
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
|
||||
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
|
||||
|
@ -1,5 +1,6 @@
|
||||
@inherits LayoutComponentBase
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
<main class="container">
|
||||
@ -8,4 +9,4 @@
|
||||
@Body
|
||||
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
5
Shared/Startseite.razor.css
Normal file
5
Shared/Startseite.razor.css
Normal file
@ -0,0 +1,5 @@
|
||||
html, body {
|
||||
/*background-color: #C7FFD5;*/
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
BIN
wwwroot/assets/K-QR.png
Normal file
BIN
wwwroot/assets/K-QR.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
@ -1,9 +1,8 @@
|
||||
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
|
||||
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
|
||||
|
||||
html, body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: #C7FFD1;
|
||||
}
|
||||
|
||||
#content {
|
||||
@ -11,7 +10,7 @@ html, body {
|
||||
padding: 5%;
|
||||
margin-top: 1%;
|
||||
border-radius: 10px;
|
||||
|
||||
position: center;
|
||||
}
|
||||
|
||||
.img {
|
||||
@ -20,6 +19,8 @@ html, body {
|
||||
margin: 10%;
|
||||
}
|
||||
|
||||
button {
|
||||
box-shadow: 5px 5px #d3d3d3;
|
||||
}
|
||||
|
||||
form {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -2,6 +2,7 @@
|
||||
|
||||
html, body {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
background-color: #C7FFD1;
|
||||
}
|
||||
|
||||
h1:focus {
|
||||
|
Loading…
Reference in New Issue
Block a user