From 94a780061975e6c9500ce6ea21d12a34645dd51c Mon Sep 17 00:00:00 2001
From: einhornimmond <info@einhornimmond.de>
Date: Wed, 19 Nov 2025 16:20:27 +0100
Subject: [PATCH] don't load images on mobile where they don't show

---
 frontend/src/layouts/AuthLayout.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index e9f0aeaf7..984c93870 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -4,7 +4,7 @@
       <auth-navbar class="index10" />
 
       <div class="left-content-box position-fixed d-none d-lg-block">
-        <div class="bg-img-box position-absolute w-100">
+        <div v-if="isDesktop" class="bg-img-box position-absolute w-100">
           <auth-carousel class="carousel" />
         </div>
         <div class="bg-txt-box position-relative d-none d-lg-block text-center align-self-center">
@@ -134,6 +134,7 @@ onBeforeMount(() => {
   // clear state
   store.commit('project', null)
 })
+const isDesktop = computed(() => window.innerWidth > 768)
 
 // put project value into store, if projectBrandingBanner query don't throw an error, so project exists
 watchEffect(() => {