From 41214f970450c3f93be8da32ec3b1a2d77fcedaf Mon Sep 17 00:00:00 2001 From: EETagent Date: Sun, 4 Dec 2022 12:22:05 +0100 Subject: [PATCH] fix: scale background on larger screens --- frontend/src/lib/components/layout/FullLayout.svelte | 2 +- frontend/src/lib/components/layout/SplitLayout.svelte | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/lib/components/layout/FullLayout.svelte b/frontend/src/lib/components/layout/FullLayout.svelte index 1156d4b..9f29e47 100644 --- a/frontend/src/lib/components/layout/FullLayout.svelte +++ b/frontend/src/lib/components/layout/FullLayout.svelte @@ -26,7 +26,7 @@ .bgImage { @apply -z-20; @apply min-w-screen absolute min-h-screen min-w-full; - @apply bg-no-repeat; + @apply bg-no-repeat bg-cover; background-position: 55%; } .bgOverlay { diff --git a/frontend/src/lib/components/layout/SplitLayout.svelte b/frontend/src/lib/components/layout/SplitLayout.svelte index 3fc377a..fc9458b 100644 --- a/frontend/src/lib/components/layout/SplitLayout.svelte +++ b/frontend/src/lib/components/layout/SplitLayout.svelte @@ -29,7 +29,7 @@ .bgImage { @apply -z-20; @apply min-w-screen absolute min-h-screen md:min-w-[50vw]; - @apply bg-no-repeat; + @apply bg-no-repeat bg-cover; } .bgOverlay { @apply min-w-screen absolute -z-10 min-h-screen md:min-w-[50vw];