From 44f8e3ea9b1fbc95d3a8f18aca559b9039ecc342 Mon Sep 17 00:00:00 2001
From: dpschen <dpschen@noreply.kolaente.de>
Date: Mon, 22 Nov 2021 19:01:26 +0000
Subject: [PATCH] fix #1046 logo overflow on login (#1050)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1050
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
---
 src/components/misc/no-auth-wrapper.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/misc/no-auth-wrapper.vue b/src/components/misc/no-auth-wrapper.vue
index 02ab1bcc..aea25daf 100644
--- a/src/components/misc/no-auth-wrapper.vue
+++ b/src/components/misc/no-auth-wrapper.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="no-auth-wrapper">
 		<div class="noauth-container">
-			<Logo width="400" height="117" />
+			<Logo class="logo" width="400" height="117" />
 			<div class="message is-info" v-if="motd !== ''">
 				<div class="message-header">
 					<p>{{ $t('misc.info') }}</p>
@@ -36,4 +36,8 @@ const motd = computed(() => store.state.config.motd)
 	margin: 0 auto;
 	padding: 1rem;
 }
+
+.logo {
+	max-width: 100%;
+}
 </style>