From cc4ffab409d88a4f63be1df95be84b30f76a060d Mon Sep 17 00:00:00 2001 From: zha19115 <105790331+zha19115@users.noreply.github.com> Date: Thu, 22 Jun 2023 22:05:45 +0200 Subject: [PATCH] Yum04 82 bestelluebersicht detail chefin (#33) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Start * Finish Yummy-Punkte * Finish Feedback * FBestätigung fertig * Feddback changed button and text * Feedback and confirm finish * Deleted a break (Feedback confirm) * Prototype not finished * Erste Realisierung * Little Fixes to all Pages * Created neu razor page and css * Finish BestelluebersichtD-Chefin * New --------- Co-authored-by: ProfessionalUwU --- src/y4f/Pages/Index.razor | 30 ++-- src/y4f/Shared/Bestellbestätigung.razor | 21 +++ src/y4f/Shared/Bestellbestätigung.razor.css | 12 ++ .../Chefin/Bestelluebersicht-Chefin.razor | 82 +++++++++++ .../Chefin/Bestelluebersicht-Chefin.razor.css | 37 +++++ .../Chefin/BestelluebersichtD-Chefin.razor | 139 ++++++++++++++++++ .../BestelluebersichtD-Chefin.razor.css | 3 + src/y4f/Shared/Chefin/NavChefin.razor | 25 ++++ src/y4f/Shared/ChefinLayout.razor | 14 ++ src/y4f/Shared/ChefinLayout.razor.css | 5 + src/y4f/Shared/Feedback/FBestätigung.razor | 8 + .../Shared/Feedback/FBestätigung.razor.css | 8 + src/y4f/Shared/Feedback/Feedback.razor | 13 ++ src/y4f/Shared/Feedback/Feedback.razor.css | 14 ++ src/y4f/Shared/Kontoverwaltung.razor.css | 4 +- src/y4f/Shared/NavStartseite.razor | 35 +++++ src/y4f/Shared/Registrierung.razor.css | 7 + .../Registrierung/NavRegistrierung.razor | 38 +++++ .../Shared/Registrierung/Registrierung.razor | 15 ++ .../Registrierung/Registrierung.razor.css | 5 + .../Shared/Registrierung/RegistrierungA.razor | 22 +++ .../Registrierung/RegistrierungA.razor.css | 19 +++ .../Shared/Registrierung/RegistrierungK.razor | 26 ++++ .../Registrierung/RegistrierungK.razor.css | 9 ++ src/y4f/Shared/RegistrierungK.razor | 26 ++++ src/y4f/Shared/RegistrierungK.razor.css | 9 ++ src/y4f/Shared/Startseite.razor | 2 + src/y4f/Shared/Yummy-Punkte.razor | 14 ++ src/y4f/Shared/Yummy-Punkte.razor.css | 21 +++ src/y4f/wwwroot/css/Site.css | 25 +++- 30 files changed, 668 insertions(+), 20 deletions(-) create mode 100644 src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor create mode 100644 src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor.css create mode 100644 src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor create mode 100644 src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor.css create mode 100644 src/y4f/Shared/Chefin/NavChefin.razor create mode 100644 src/y4f/Shared/ChefinLayout.razor create mode 100644 src/y4f/Shared/ChefinLayout.razor.css create mode 100644 src/y4f/Shared/NavStartseite.razor create mode 100644 src/y4f/Shared/Registrierung/NavRegistrierung.razor create mode 100644 src/y4f/Shared/Registrierung/Registrierung.razor create mode 100644 src/y4f/Shared/Registrierung/Registrierung.razor.css create mode 100644 src/y4f/Shared/Registrierung/RegistrierungA.razor create mode 100644 src/y4f/Shared/Registrierung/RegistrierungA.razor.css create mode 100644 src/y4f/Shared/Registrierung/RegistrierungK.razor create mode 100644 src/y4f/Shared/Registrierung/RegistrierungK.razor.css create mode 100644 src/y4f/Shared/RegistrierungK.razor create mode 100644 src/y4f/Shared/RegistrierungK.razor.css diff --git a/src/y4f/Pages/Index.razor b/src/y4f/Pages/Index.razor index 7e4e883..3b40809 100644 --- a/src/y4f/Pages/Index.razor +++ b/src/y4f/Pages/Index.razor @@ -1,20 +1,28 @@  @page "/" @layout Startseite - -Yummy4Friends - - - +
-

Herzlich Willkommen!

+
+

Herzlich Willkommen!

- + -
- -
+ +
+ + +
+ + +
+ +
+
- + + + + diff --git a/src/y4f/Shared/Bestellbestätigung.razor b/src/y4f/Shared/Bestellbestätigung.razor index 0f6354c..01ca472 100644 --- a/src/y4f/Shared/Bestellbestätigung.razor +++ b/src/y4f/Shared/Bestellbestätigung.razor @@ -5,6 +5,15 @@
Vielen Dank für Ihre Bestellung

Ihr Essen ist in 30 Minuten abholbereit. +<<<<<<< HEAD:Shared/Bestellbestätigung.razor + 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.



@@ -13,6 +22,7 @@
+>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor @@ -20,6 +30,16 @@
Bestellung eingegangenEssen abholbereit
+<<<<<<< HEAD:Shared/Bestellbestätigung.razor +
+



+ +
+ +
+
+ +=======




@@ -30,6 +50,7 @@
+>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor @code { diff --git a/src/y4f/Shared/Bestellbestätigung.razor.css b/src/y4f/Shared/Bestellbestätigung.razor.css index 05a5518..59c14ef 100644 --- a/src/y4f/Shared/Bestellbestätigung.razor.css +++ b/src/y4f/Shared/Bestellbestätigung.razor.css @@ -19,6 +19,14 @@ img { font-size: 13px; } +<<<<<<< HEAD:Shared/Bestellbestätigung.razor.css +#button1 { + background-color: #89F9A5; + border-radius: 50px; + text-align: center; +} + +======= .button { padding-left: 25%; padding-right: 25%; @@ -32,6 +40,7 @@ img { display: inline-block; border-radius: 50px; } +>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor.css h5 { text-align: center; } @@ -44,7 +53,10 @@ h5 { text-align: right; } +<<<<<<< HEAD:Shared/Bestellbestätigung.razor.css +======= +>>>>>>> dev:src/y4f/Shared/Bestellbestätigung.razor.css .loadtext { font-size: 14px; } \ No newline at end of file diff --git a/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor b/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor new file mode 100644 index 0000000..0a4fc53 --- /dev/null +++ b/src/y4f/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/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor.css b/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor.css new file mode 100644 index 0000000..51bb794 --- /dev/null +++ b/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor.css @@ -0,0 +1,37 @@ +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/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor b/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor new file mode 100644 index 0000000..37c6193 --- /dev/null +++ b/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor @@ -0,0 +1,139 @@ +@page "/BestelluebersichtD-Chefin" +@layout ChefinLayout + +
+
+
+ @*Tabelle Ihre Bestellung*@ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Ihre Bestellung
+ 1 Nudel mit Hühnerfleisch (groß) +
mit Knoblauchsoße
+ 		9,10€
1 Coca Cola2,50€
Summe11,60€
+ +
+ +
+
+ +
+
+ + + + + + + + + + + + +
+

Abholzeit

+
+
+
+

12:30 Uhr

+
+
+
+ +
+ + + +
+ +
+
+
+
+ + @*Buttons*@ + +
+ + +@*
+ @*Essen Abholen? +
+
+
+
+
*@ +@code { + +} diff --git a/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor.css b/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor.css new file mode 100644 index 0000000..6d50f0a --- /dev/null +++ b/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor.css @@ -0,0 +1,3 @@ +button { + margin: 10px; +} diff --git a/src/y4f/Shared/Chefin/NavChefin.razor b/src/y4f/Shared/Chefin/NavChefin.razor new file mode 100644 index 0000000..60dae47 --- /dev/null +++ b/src/y4f/Shared/Chefin/NavChefin.razor @@ -0,0 +1,25 @@ + + +@code { + +} \ No newline at end of file diff --git a/src/y4f/Shared/ChefinLayout.razor b/src/y4f/Shared/ChefinLayout.razor new file mode 100644 index 0000000..3b2b4bb --- /dev/null +++ b/src/y4f/Shared/ChefinLayout.razor @@ -0,0 +1,14 @@ +@inherits LayoutComponentBase + + +
+ + +
+ + + @Body + +
+ +
diff --git a/src/y4f/Shared/ChefinLayout.razor.css b/src/y4f/Shared/ChefinLayout.razor.css new file mode 100644 index 0000000..9f8256f --- /dev/null +++ b/src/y4f/Shared/ChefinLayout.razor.css @@ -0,0 +1,5 @@ +html, body { + /*background-color: #C7FFD5;*/ + padding: 0px; + margin: 0px; +} diff --git a/src/y4f/Shared/Feedback/FBestätigung.razor b/src/y4f/Shared/Feedback/FBestätigung.razor index 8496c50..408f4ba 100644 --- a/src/y4f/Shared/Feedback/FBestätigung.razor +++ b/src/y4f/Shared/Feedback/FBestätigung.razor @@ -2,10 +2,18 @@

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

+<<<<<<< HEAD:Shared/Feedback/FBestätigung.razor +
+
+ +
+
+=======
+>>>>>>> dev:src/y4f/Shared/Feedback/FBestätigung.razor
diff --git a/src/y4f/Shared/Feedback/FBestätigung.razor.css b/src/y4f/Shared/Feedback/FBestätigung.razor.css index 7b2edd1..1979612 100644 --- a/src/y4f/Shared/Feedback/FBestätigung.razor.css +++ b/src/y4f/Shared/Feedback/FBestätigung.razor.css @@ -1,9 +1,17 @@ +<<<<<<< HEAD:Shared/Feedback/FBestätigung.razor.css +h4 { +=======  h4 { +>>>>>>> dev:src/y4f/Shared/Feedback/FBestätigung.razor.css text-align: center; margin-top: 45%; } form { margin-bottom: 45%; +<<<<<<< HEAD:Shared/Feedback/FBestätigung.razor.css + border-radius: 50px; +======= +>>>>>>> dev:src/y4f/Shared/Feedback/FBestätigung.razor.css } diff --git a/src/y4f/Shared/Feedback/Feedback.razor b/src/y4f/Shared/Feedback/Feedback.razor index 05757ff..6f522e5 100644 --- a/src/y4f/Shared/Feedback/Feedback.razor +++ b/src/y4f/Shared/Feedback/Feedback.razor @@ -2,16 +2,29 @@
+<<<<<<< HEAD:Shared/Feedback/Feedback.razor + +

Ihr Feedback:

+
+ + + +=======

Ihr Feedback:

+>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor
+<<<<<<< HEAD:Shared/Feedback/Feedback.razor +
+=======
+>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor diff --git a/src/y4f/Shared/Feedback/Feedback.razor.css b/src/y4f/Shared/Feedback/Feedback.razor.css index 0d5f38e..51165a6 100644 --- a/src/y4f/Shared/Feedback/Feedback.razor.css +++ b/src/y4f/Shared/Feedback/Feedback.razor.css @@ -1,7 +1,11 @@ body, html { padding: 0px; margin: 0px; +<<<<<<< HEAD:Shared/Feedback/Feedback.razor.css + +======= margin-bottom: 15px; +>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor.css } p { @@ -19,18 +23,28 @@ img { font-size: 13px; } +<<<<<<< HEAD:Shared/Feedback/Feedback.razor.css +textarea { + width: 100%; +======= .button { padding-left: 25%; padding-right: 25%; text-align: center; +>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor.css } #button1 { background-color: #89F9A5; +<<<<<<< HEAD:Shared/Feedback/Feedback.razor.css + border-radius: 50px; + text-align: center; +======= padding-left: 25%; padding-right: 25%; display: inline-block; border-radius: 50px; +>>>>>>> dev:src/y4f/Shared/Feedback/Feedback.razor.css } diff --git a/src/y4f/Shared/Kontoverwaltung.razor.css b/src/y4f/Shared/Kontoverwaltung.razor.css index 3d133ad..d11c083 100644 --- a/src/y4f/Shared/Kontoverwaltung.razor.css +++ b/src/y4f/Shared/Kontoverwaltung.razor.css @@ -1,12 +1,14 @@ body { background-color: white; - } +<<<<<<< HEAD:Shared/Kontoverwaltung.razor.css +======= h3 { font-weight: bold; } +>>>>>>> dev:src/y4f/Shared/Kontoverwaltung.razor.css img { width: 150px; height: 150px; diff --git a/src/y4f/Shared/NavStartseite.razor b/src/y4f/Shared/NavStartseite.razor new file mode 100644 index 0000000..81a3ac9 --- /dev/null +++ b/src/y4f/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/src/y4f/Shared/Registrierung.razor.css b/src/y4f/Shared/Registrierung.razor.css index 9f8256f..ac551f5 100644 --- a/src/y4f/Shared/Registrierung.razor.css +++ b/src/y4f/Shared/Registrierung.razor.css @@ -3,3 +3,10 @@ padding: 0px; margin: 0px; } +<<<<<<< HEAD:Shared/Registrierung.razor.css +======= + +li { + text-align: right; +} +>>>>>>> dev:src/y4f/Shared/Registrierung.razor.css diff --git a/src/y4f/Shared/Registrierung/NavRegistrierung.razor b/src/y4f/Shared/Registrierung/NavRegistrierung.razor new file mode 100644 index 0000000..9f921fb --- /dev/null +++ b/src/y4f/Shared/Registrierung/NavRegistrierung.razor @@ -0,0 +1,38 @@ + + +@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/src/y4f/Shared/Registrierung/Registrierung.razor b/src/y4f/Shared/Registrierung/Registrierung.razor new file mode 100644 index 0000000..9659a48 --- /dev/null +++ b/src/y4f/Shared/Registrierung/Registrierung.razor @@ -0,0 +1,15 @@ +@inherits LayoutComponentBase + + +
+ + +
+ + + @Body + +
+ +
+
diff --git a/src/y4f/Shared/Registrierung/Registrierung.razor.css b/src/y4f/Shared/Registrierung/Registrierung.razor.css new file mode 100644 index 0000000..9f8256f --- /dev/null +++ b/src/y4f/Shared/Registrierung/Registrierung.razor.css @@ -0,0 +1,5 @@ +html, body { + /*background-color: #C7FFD5;*/ + padding: 0px; + margin: 0px; +} diff --git a/src/y4f/Shared/Registrierung/RegistrierungA.razor b/src/y4f/Shared/Registrierung/RegistrierungA.razor new file mode 100644 index 0000000..081abcb --- /dev/null +++ b/src/y4f/Shared/Registrierung/RegistrierungA.razor @@ -0,0 +1,22 @@ +@page "/RegistrierungA" +@layout Registrierung + +
+

Benutzername:

+
+ +
+

Passwort:

+
+ +
+
+ +
+ +
+
+
+@code { + +} diff --git a/src/y4f/Shared/Registrierung/RegistrierungA.razor.css b/src/y4f/Shared/Registrierung/RegistrierungA.razor.css new file mode 100644 index 0000000..71ab076 --- /dev/null +++ b/src/y4f/Shared/Registrierung/RegistrierungA.razor.css @@ -0,0 +1,19 @@ +p { + 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/src/y4f/Shared/Registrierung/RegistrierungK.razor b/src/y4f/Shared/Registrierung/RegistrierungK.razor new file mode 100644 index 0000000..34f6607 --- /dev/null +++ b/src/y4f/Shared/Registrierung/RegistrierungK.razor @@ -0,0 +1,26 @@ +@page "/RegistrierungK" +@layout Registrierung + +
+
+ + +
+ + +
+ + +
+ +
+ + +
+ +

Durch die Eingabe der Email Adresse wird Ihnen ein QR-Code für die Anmeldung zugeschickt.

+ +
+@code { + +} diff --git a/src/y4f/Shared/Registrierung/RegistrierungK.razor.css b/src/y4f/Shared/Registrierung/RegistrierungK.razor.css new file mode 100644 index 0000000..c3865b0 --- /dev/null +++ b/src/y4f/Shared/Registrierung/RegistrierungK.razor.css @@ -0,0 +1,9 @@ +p { + color: grey; +} + +form { + margin-bottom:20px; + margin-top: 5px; +} + diff --git a/src/y4f/Shared/RegistrierungK.razor b/src/y4f/Shared/RegistrierungK.razor new file mode 100644 index 0000000..34f6607 --- /dev/null +++ b/src/y4f/Shared/RegistrierungK.razor @@ -0,0 +1,26 @@ +@page "/RegistrierungK" +@layout Registrierung + +
+
+ + +
+ + +
+ + +
+ +
+ + +
+ +

Durch die Eingabe der Email Adresse wird Ihnen ein QR-Code für die Anmeldung zugeschickt.

+ +
+@code { + +} diff --git a/src/y4f/Shared/RegistrierungK.razor.css b/src/y4f/Shared/RegistrierungK.razor.css new file mode 100644 index 0000000..c3865b0 --- /dev/null +++ b/src/y4f/Shared/RegistrierungK.razor.css @@ -0,0 +1,9 @@ +p { + color: grey; +} + +form { + margin-bottom:20px; + margin-top: 5px; +} + diff --git a/src/y4f/Shared/Startseite.razor b/src/y4f/Shared/Startseite.razor index 7408ca2..cd2ab05 100644 --- a/src/y4f/Shared/Startseite.razor +++ b/src/y4f/Shared/Startseite.razor @@ -3,6 +3,8 @@
+ +
diff --git a/src/y4f/Shared/Yummy-Punkte.razor b/src/y4f/Shared/Yummy-Punkte.razor index 2bae366..08dcb01 100644 --- a/src/y4f/Shared/Yummy-Punkte.razor +++ b/src/y4f/Shared/Yummy-Punkte.razor @@ -1,7 +1,12 @@ @page "/Yummy-Punkte" +<<<<<<< HEAD:Shared/Yummy-Punkte.razor +
+
+=======
+>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor

Ihre Yummy-Punkte

@@ -12,14 +17,23 @@
+<<<<<<< HEAD:Shared/Yummy-Punkte.razor +

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.

+>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor
+<<<<<<< HEAD:Shared/Yummy-Punkte.razor +
+======= +>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor
diff --git a/src/y4f/Shared/Yummy-Punkte.razor.css b/src/y4f/Shared/Yummy-Punkte.razor.css index 6d11016..e3e57cb 100644 --- a/src/y4f/Shared/Yummy-Punkte.razor.css +++ b/src/y4f/Shared/Yummy-Punkte.razor.css @@ -19,12 +19,15 @@ img { font-size: 13px; } +<<<<<<< HEAD:Shared/Yummy-Punkte.razor.css +======= .button { padding-left: 25%; padding-right: 25%; text-align: center; } +>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor.css #button1 { background-color: #F9BE89; padding-left: 25%; @@ -32,6 +35,24 @@ img { display: inline-block; border-radius: 50px; } +<<<<<<< HEAD:Shared/Yummy-Punkte.razor.css + +/*.button { + padding-left: 25%; + padding-right: 25%; + text-align: center; +}*/ + + +/*h4 { + text-align: center; +}*/ + + + + +======= h4 { text-align: center; } +>>>>>>> dev:src/y4f/Shared/Yummy-Punkte.razor.css diff --git a/src/y4f/wwwroot/css/Site.css b/src/y4f/wwwroot/css/Site.css index e6e72ce..2c6bc3b 100644 --- a/src/y4f/wwwroot/css/Site.css +++ b/src/y4f/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; +} + +