From 80df38566ffc987c39105466423abd686f05ece9 Mon Sep 17 00:00:00 2001 From: Mathias Wagner Date: Mon, 17 Feb 2025 08:42:39 +0100 Subject: [PATCH] Add favicon & mobile optimization --- public/favicon.png | Bin 0 -> 9614 bytes public/favicon.svg | 1 + src/components/Card/styles.sass | 10 +++++++++- src/components/Navigation/Navigation.jsx | 6 +++--- src/components/Navigation/styles.sass | 20 +++++++++++++++++++- src/styles/main.sass | 14 +++++++++++++- 6 files changed, 45 insertions(+), 6 deletions(-) create mode 100644 public/favicon.png create mode 100644 public/favicon.svg diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..e9c6f36a4b063be76596e4eb631c2905de34267f GIT binary patch literal 9614 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 literal 0 HcmV?d00001 diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..ddc7f7b --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1 @@ + diff --git a/src/components/Card/styles.sass b/src/components/Card/styles.sass index 178c82e..3699dee 100644 --- a/src/components/Card/styles.sass +++ b/src/components/Card/styles.sass @@ -20,4 +20,12 @@ .btn-area display: flex - gap: 0.5rem \ No newline at end of file + gap: 0.5rem + flex-wrap: wrap + +@media screen and (max-width: 510px) + .card + width: 100% + + .btn-area + justify-content: center \ No newline at end of file diff --git a/src/components/Navigation/Navigation.jsx b/src/components/Navigation/Navigation.jsx index 94f5533..0a8f19e 100644 --- a/src/components/Navigation/Navigation.jsx +++ b/src/components/Navigation/Navigation.jsx @@ -9,15 +9,15 @@ export const Navigation = () => {
- +

Alle Spiele

- +

Wirtschaft

- +

Geschichte

diff --git a/src/components/Navigation/styles.sass b/src/components/Navigation/styles.sass index 288033e..feecee3 100644 --- a/src/components/Navigation/styles.sass +++ b/src/components/Navigation/styles.sass @@ -46,4 +46,22 @@ nav color: $text-light font-size: 14pt font-weight: 500 - text-decoration: none \ No newline at end of file + text-decoration: none + +.nav-mobile + display: none + + +@media screen and (max-width: 1024px) + nav + margin: 1rem 1rem + + .nav-items + display: none + +@media screen and (max-width: 510px) + nav + margin: 1rem 0.5rem + + .action-buttons + display: none \ No newline at end of file diff --git a/src/styles/main.sass b/src/styles/main.sass index dd88aa4..0926145 100644 --- a/src/styles/main.sass +++ b/src/styles/main.sass @@ -43,5 +43,17 @@ footer display: flex justify-content: center + p + text-align: center + span - color: $primary \ No newline at end of file + color: $primary + + +@media screen and (max-width: 1024px) + main + margin: 3rem 10vw + +@media screen and (max-width: 768px) + main + margin: 3rem 5vw \ No newline at end of file