From 925e4a5b038023074f661c28cb237cdf61b38371 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 12 Dec 2021 14:54:31 +0100
Subject: [PATCH] feat: add padding to the bottom to make sure the llama is
 always visible

---
 src/components/misc/no-auth-wrapper.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index 409fb19ef..3b1d25259 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -45,14 +45,14 @@ useTitle(() => title.value)
 
 <style lang="scss" scoped>
 .no-auth-wrapper {
-	background-color: var(--site-background);
+	background: var(--site-background) url('@/assets/llama.svg?url') no-repeat fixed bottom left;
 	min-height: 100vh;
 	display: flex;
 	flex-direction: column;
 	place-items: center;
 
-	@media screen and (min-width: $fullhd) {
-		background: url('@/assets/llama.svg?url') no-repeat bottom left fixed;
+	@media screen and (max-width: $fullhd) {
+		padding-bottom: 15rem;
 	}
 }