From 129a3de6a897ed82637574ff6a99d6b77a8ba822 Mon Sep 17 00:00:00 2001 From: Jorik Schellekens Date: Wed, 23 Sep 2020 16:57:31 +0100 Subject: [PATCH] Fix background on large displays --- src/App.scss | 3 +- src/imgs/background.svg | 179 +++++++++++++++++++++------------------- 2 files changed, 93 insertions(+), 89 deletions(-) diff --git a/src/App.scss b/src/App.scss index 7aff62a..e568c3e 100644 --- a/src/App.scss +++ b/src/App.scss @@ -20,8 +20,7 @@ limitations under the License. background-color: $app-background; background-image: url('./imgs/background.svg'); background-repeat: no-repeat; - background-size: stretch; - background-position: 50% -20%; + background-size: cover; } @mixin spacer { diff --git a/src/imgs/background.svg b/src/imgs/background.svg index c5ad331..bdca144 100644 --- a/src/imgs/background.svg +++ b/src/imgs/background.svg @@ -1,221 +1,226 @@ - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + + + +