From 7f45436118f418686312e574511054b645c13ddd Mon Sep 17 00:00:00 2001 From: GEI22857 <102676654+GEI22857@users.noreply.github.com> Date: Tue, 9 May 2023 13:01:19 +0200 Subject: [PATCH] Yum04 20 speisekarte (#14) * Speisekarte angefangen, Links zu Pages * Tabellen erstellt * Dropdown getestet, index.html script inkludiert * Speisekarte fertiggestellt * Speisekarte fertig (diesmal auch responsive) * YUM4-20 index.html --------- Co-authored-by: zha19115 <105790331+zha19115@users.noreply.github.com> --- Pages/Index.razor | 5 +- Pages/Speisekarte.razor | 124 ++++++++++++++++++++++++++++++++++++ Pages/Speisekarte.razor.css | 33 ++++++++++ 3 files changed, 159 insertions(+), 3 deletions(-) create mode 100644 Pages/Speisekarte.razor create mode 100644 Pages/Speisekarte.razor.css diff --git a/Pages/Index.razor b/Pages/Index.razor index a23e84e..76a5cd9 100644 --- a/Pages/Index.razor +++ b/Pages/Index.razor @@ -9,11 +9,10 @@

Herzlich Willkommen!

- +
-
- + diff --git a/Pages/Speisekarte.razor b/Pages/Speisekarte.razor new file mode 100644 index 0000000..f6d954d --- /dev/null +++ b/Pages/Speisekarte.razor @@ -0,0 +1,124 @@ +@page "/Speisekarte" + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Chinesisch
Nudeln
Reis
Nachspeisen



+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Japanisch
Sushi & Maki
Bento
Nachspeisen



+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Getränke
Alkoholfrei
Alkoholisch




+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Sonstiges
Schnitzel
Pommes
Bowl



+
+
+ +@code { + +} diff --git a/Pages/Speisekarte.razor.css b/Pages/Speisekarte.razor.css new file mode 100644 index 0000000..b93d72d --- /dev/null +++ b/Pages/Speisekarte.razor.css @@ -0,0 +1,33 @@ +.table { + text-align: center; + border-radius: 30px; +} + +a { + color: black; + text-decoration: none; +} + +a:hover, a:focus { + color: #2A6496; + text-decoration: underline; +} + +th { + background-color: #89f9a5; + border: 0px; +} + +td { + border-color: black; + padding: 30px 0; +} + +.lowest { + border: 0px; +} + +.tablecolumn { + margin-left: 3%; + margin-right: 3%; +} \ No newline at end of file