From 8dd01d78ffe6adbec9d65386ea7c37913596db34 Mon Sep 17 00:00:00 2001 From: zha19115 <105790331+zha19115@users.noreply.github.com> Date: Mon, 5 Jun 2023 19:26:23 +0200 Subject: [PATCH] Little Fixes to all Pages --- Pages/Index.razor | 29 ++++--- Shared/Bestellbestätigung.razor | 19 ++--- Shared/Bestellbestätigung.razor.css | 14 +--- Shared/Chefin/Bestelluebersicht-Chefin.razor | 82 +++++++++++++++++++ .../Chefin/Bestelluebersicht-Chefin.razor.css | 43 ++++++++++ Shared/Chefin/NavChefin.razor | 25 ++++++ Shared/ChefinLayout.razor | 14 ++++ ...erung.razor.css => ChefinLayout.razor.css} | 0 Shared/Feedback/FBestätigung.razor | 3 +- Shared/Feedback/FBestätigung.razor.css | 4 +- Shared/Feedback/Feedback.razor | 11 +-- Shared/Feedback/Feedback.razor.css | 12 +-- Shared/Kontoverwaltung.razor.css | 2 - Shared/NavStartseite.razor | 35 ++++++++ .../NavRegistrierung.razor | 0 .../{ => Registrierung}/Registrierung.razor | 0 Shared/Registrierung/Registrierung.razor.css | 5 ++ .../{ => Registrierung}/RegistrierungA.razor | 16 ++-- .../RegistrierungA.razor.css | 6 ++ .../{ => Registrierung}/RegistrierungK.razor | 0 .../RegistrierungK.razor.css | 0 Shared/Startseite.razor | 2 + Shared/Startseite.razor.css | 4 + Shared/Yummy-Punkte.razor | 8 +- Shared/Yummy-Punkte.razor.css | 18 ++-- wwwroot/css/Site.css | 25 ++++-- 26 files changed, 302 insertions(+), 75 deletions(-) create mode 100644 Shared/Chefin/Bestelluebersicht-Chefin.razor create mode 100644 Shared/Chefin/Bestelluebersicht-Chefin.razor.css create mode 100644 Shared/Chefin/NavChefin.razor create mode 100644 Shared/ChefinLayout.razor rename Shared/{Registrierung.razor.css => ChefinLayout.razor.css} (100%) create mode 100644 Shared/NavStartseite.razor rename Shared/{ => Registrierung}/NavRegistrierung.razor (100%) rename Shared/{ => Registrierung}/Registrierung.razor (100%) create mode 100644 Shared/Registrierung/Registrierung.razor.css rename Shared/{ => Registrierung}/RegistrierungA.razor (61%) rename Shared/{ => Registrierung}/RegistrierungA.razor.css (56%) rename Shared/{ => Registrierung}/RegistrierungK.razor (100%) rename Shared/{ => Registrierung}/RegistrierungK.razor.css (100%) diff --git a/Pages/Index.razor b/Pages/Index.razor index 7e4e883..cb60431 100644 --- a/Pages/Index.razor +++ b/Pages/Index.razor @@ -1,20 +1,29 @@  @page "/" @layout Startseite - -Yummy4Friends - - - +
-

Herzlich Willkommen!

+
+

Herzlich Willkommen!

- + -
- -
+ +
+ + +
+ + +
+ +
+
+ + + + diff --git a/Shared/Bestellbestätigung.razor b/Shared/Bestellbestätigung.razor index 0f6354c..fe3cc06 100644 --- a/Shared/Bestellbestätigung.razor +++ b/Shared/Bestellbestätigung.razor @@ -5,14 +5,13 @@
Vielen Dank für Ihre Bestellung

Ihr Essen ist in 30 Minuten abholbereit. - Sie erhalten eine Benachrichtigung sobald das Essen fertig ist. Wir würden uns freuen, wenn Sie uns ein Feedback geben. + Sie erhalten eine Benachrichtigung sobald das Essen fertig ist. + Wir würden uns freuen, wenn Sie uns ein Feedback geben.



-
- @@ -20,16 +19,14 @@
Bestellung eingegangenEssen abholbereit
- -
+




-
- -
-
- + +
+ +
+ - @code { diff --git a/Shared/Bestellbestätigung.razor.css b/Shared/Bestellbestätigung.razor.css index 05a5518..a3a4c96 100644 --- a/Shared/Bestellbestätigung.razor.css +++ b/Shared/Bestellbestätigung.razor.css @@ -19,19 +19,12 @@ img { font-size: 13px; } -.button { - padding-left: 25%; - padding-right: 25%; +#button1 { + background-color: #89F9A5; + border-radius: 50px; text-align: center; } -#button1 { - background-color: #89F9A5; - padding-left: 25%; - padding-right: 25%; - display: inline-block; - border-radius: 50px; -} h5 { text-align: center; } @@ -44,7 +37,6 @@ h5 { text-align: right; } - .loadtext { font-size: 14px; } \ No newline at end of file diff --git a/Shared/Chefin/Bestelluebersicht-Chefin.razor b/Shared/Chefin/Bestelluebersicht-Chefin.razor new file mode 100644 index 0000000..0a4fc53 --- /dev/null +++ b/Shared/Chefin/Bestelluebersicht-Chefin.razor @@ -0,0 +1,82 @@ +@page "/Bestelluebersicht" +@layout ChefinLayout + +
+
+
+

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Aktive Bestellungen
#1234   12:30#2345   18:45
#3456   13:00#4567   19:00
#5678   14:30#6789   19:15
#4321   15:15#5432   19:15
#6543   15:30#7654   19:15
#7654   15:30 
#8765   16:00 
#9876   17:30 
+
+
+

Abholzeit

+
+
+ +
+
+ +
+
+ +
+ +
+
+
+ + + +@code { + +} diff --git a/Shared/Chefin/Bestelluebersicht-Chefin.razor.css b/Shared/Chefin/Bestelluebersicht-Chefin.razor.css new file mode 100644 index 0000000..b872ae1 --- /dev/null +++ b/Shared/Chefin/Bestelluebersicht-Chefin.razor.css @@ -0,0 +1,43 @@ +tbody { + border-color: black; +} + +td { + text-align:center; + text-decoration: none; +} + +table { + border-radius: 50px !important; + margin-left: 50px; +} + +td > a { + text-decoration: none; + color: black; +} + +#button { + margin-bottom: 35px; + border-radius: 50px; + margin-left: 100px; +} + +#text { + margin-top: 50px; + margin-bottom: 45px; + margin-left: 100px; + width: 69%; + padding-top: 2px; + padding-bottom: 2px; + padding: 8px; + color: black; + background-color: #89F9A5; + border-style:none; + text-align: center; +} + +thead { + background-color: #89F9A5; + border-color: #89F9A5; +} \ No newline at end of file diff --git a/Shared/Chefin/NavChefin.razor b/Shared/Chefin/NavChefin.razor new file mode 100644 index 0000000..60dae47 --- /dev/null +++ b/Shared/Chefin/NavChefin.razor @@ -0,0 +1,25 @@ + + +@code { + +} \ No newline at end of file diff --git a/Shared/ChefinLayout.razor b/Shared/ChefinLayout.razor new file mode 100644 index 0000000..3b2b4bb --- /dev/null +++ b/Shared/ChefinLayout.razor @@ -0,0 +1,14 @@ +@inherits LayoutComponentBase + + +
+ + +
+ + + @Body + +
+ +
diff --git a/Shared/Registrierung.razor.css b/Shared/ChefinLayout.razor.css similarity index 100% rename from Shared/Registrierung.razor.css rename to Shared/ChefinLayout.razor.css diff --git a/Shared/Feedback/FBestätigung.razor b/Shared/Feedback/FBestätigung.razor index 8496c50..b43c563 100644 --- a/Shared/Feedback/FBestätigung.razor +++ b/Shared/Feedback/FBestätigung.razor @@ -2,10 +2,11 @@

Vielen Dank für Ihr Feedback. Durch Feedbacks können wir uns stets verbessern.

- +
+
diff --git a/Shared/Feedback/FBestätigung.razor.css b/Shared/Feedback/FBestätigung.razor.css index 7b2edd1..728d603 100644 --- a/Shared/Feedback/FBestätigung.razor.css +++ b/Shared/Feedback/FBestätigung.razor.css @@ -1,9 +1,9 @@ - -h4 { +h4 { text-align: center; margin-top: 45%; } form { margin-bottom: 45%; + border-radius: 50px; } diff --git a/Shared/Feedback/Feedback.razor b/Shared/Feedback/Feedback.razor index 05757ff..addf1b9 100644 --- a/Shared/Feedback/Feedback.razor +++ b/Shared/Feedback/Feedback.razor @@ -2,16 +2,17 @@
-

Ihr Feedback:

- -
+

Ihr Feedback:

+
+ + +
-
- +
diff --git a/Shared/Feedback/Feedback.razor.css b/Shared/Feedback/Feedback.razor.css index 0d5f38e..95072e0 100644 --- a/Shared/Feedback/Feedback.razor.css +++ b/Shared/Feedback/Feedback.razor.css @@ -1,7 +1,7 @@ body, html { padding: 0px; margin: 0px; - margin-bottom: 15px; + } p { @@ -19,18 +19,14 @@ img { font-size: 13px; } -.button { - padding-left: 25%; - padding-right: 25%; - text-align: center; +textarea { + width: 100%; } #button1 { background-color: #89F9A5; - padding-left: 25%; - padding-right: 25%; - display: inline-block; border-radius: 50px; + text-align: center; } diff --git a/Shared/Kontoverwaltung.razor.css b/Shared/Kontoverwaltung.razor.css index d421384..9185242 100644 --- a/Shared/Kontoverwaltung.razor.css +++ b/Shared/Kontoverwaltung.razor.css @@ -1,9 +1,7 @@ body { background-color: white; - } - img { width: 150px; height: 150px; diff --git a/Shared/NavStartseite.razor b/Shared/NavStartseite.razor new file mode 100644 index 0000000..81a3ac9 --- /dev/null +++ b/Shared/NavStartseite.razor @@ -0,0 +1,35 @@ + + +@code { + private bool collapseNavMenu = true; + private string? NavBarCssClass => collapseNavMenu ? null : "show"; + private string? NavButtonCssClass => collapseNavMenu ? "collapsed" : null; + + + private void ToggleNavMenu() + { + collapseNavMenu = !collapseNavMenu; + } +} \ No newline at end of file diff --git a/Shared/NavRegistrierung.razor b/Shared/Registrierung/NavRegistrierung.razor similarity index 100% rename from Shared/NavRegistrierung.razor rename to Shared/Registrierung/NavRegistrierung.razor diff --git a/Shared/Registrierung.razor b/Shared/Registrierung/Registrierung.razor similarity index 100% rename from Shared/Registrierung.razor rename to Shared/Registrierung/Registrierung.razor diff --git a/Shared/Registrierung/Registrierung.razor.css b/Shared/Registrierung/Registrierung.razor.css new file mode 100644 index 0000000..9f8256f --- /dev/null +++ b/Shared/Registrierung/Registrierung.razor.css @@ -0,0 +1,5 @@ +html, body { + /*background-color: #C7FFD5;*/ + padding: 0px; + margin: 0px; +} diff --git a/Shared/RegistrierungA.razor b/Shared/Registrierung/RegistrierungA.razor similarity index 61% rename from Shared/RegistrierungA.razor rename to Shared/Registrierung/RegistrierungA.razor index adf18b7..081abcb 100644 --- a/Shared/RegistrierungA.razor +++ b/Shared/Registrierung/RegistrierungA.razor @@ -3,15 +3,19 @@

Benutzername:

+
- +

Passwort:

+
- -
- -
- +
+
+ +
+ +
+
@code { diff --git a/Shared/RegistrierungA.razor.css b/Shared/Registrierung/RegistrierungA.razor.css similarity index 56% rename from Shared/RegistrierungA.razor.css rename to Shared/Registrierung/RegistrierungA.razor.css index 9c3f3ae..71ab076 100644 --- a/Shared/RegistrierungA.razor.css +++ b/Shared/Registrierung/RegistrierungA.razor.css @@ -2,10 +2,16 @@ color: grey; margin-bottom:0px; margin-top: 15px; + margin-left: 61px; } form { margin-top: 20px; + border-radius: 50px; +} + +input { + border-radius: 50px; } diff --git a/Shared/RegistrierungK.razor b/Shared/Registrierung/RegistrierungK.razor similarity index 100% rename from Shared/RegistrierungK.razor rename to Shared/Registrierung/RegistrierungK.razor diff --git a/Shared/RegistrierungK.razor.css b/Shared/Registrierung/RegistrierungK.razor.css similarity index 100% rename from Shared/RegistrierungK.razor.css rename to Shared/Registrierung/RegistrierungK.razor.css diff --git a/Shared/Startseite.razor b/Shared/Startseite.razor index 7408ca2..cd2ab05 100644 --- a/Shared/Startseite.razor +++ b/Shared/Startseite.razor @@ -3,6 +3,8 @@
+ +
diff --git a/Shared/Startseite.razor.css b/Shared/Startseite.razor.css index 9f8256f..d2d1c99 100644 --- a/Shared/Startseite.razor.css +++ b/Shared/Startseite.razor.css @@ -3,3 +3,7 @@ padding: 0px; margin: 0px; } + +li { + text-align: right; +} diff --git a/Shared/Yummy-Punkte.razor b/Shared/Yummy-Punkte.razor index 2bae366..60db94b 100644 --- a/Shared/Yummy-Punkte.razor +++ b/Shared/Yummy-Punkte.razor @@ -1,7 +1,8 @@ @page "/Yummy-Punkte" -
+
+

Ihre Yummy-Punkte

@@ -12,14 +13,15 @@
-

Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt. Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.

+

Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt. + Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.

- +
diff --git a/Shared/Yummy-Punkte.razor.css b/Shared/Yummy-Punkte.razor.css index a0484f2..1766bbc 100644 --- a/Shared/Yummy-Punkte.razor.css +++ b/Shared/Yummy-Punkte.razor.css @@ -19,12 +19,6 @@ img { font-size: 13px; } -.button { - padding-left: 25%; - padding-right: 25%; - text-align: center; -} - #button1 { background-color: #F9BE89; padding-left: 25%; @@ -32,9 +26,17 @@ img { display: inline-block; border-radius: 50px; } -h4 { + +/*.button { + padding-left: 25%; + padding-right: 25%; text-align: center; -} +}*/ + + +/*h4 { + text-align: center; +}*/ diff --git a/wwwroot/css/Site.css b/wwwroot/css/Site.css index e6e72ce..2c6bc3b 100644 --- a/wwwroot/css/Site.css +++ b/wwwroot/css/Site.css @@ -3,8 +3,8 @@ html, body { margin: 0px; padding: 0px; + overflow-y: hidden; } - #content { background-color: #C7FFD1; padding: 5%; @@ -12,17 +12,26 @@ html, body { border-radius: 10px; position: center; } - .img { height: auto; - max-width: 100%; - margin: 10%; -} - -form { + width: 60%; + margin: 4%; text-align: center; +} +form { + margin-bottom: 20px; + margin-top: 5px; background-color: #89F9A5; + text-align: center; + width: 70%; +} +.form-control { + width: 70%; border-radius: 50px; - } +#button1 { + border-radius: 50px; +} + +