From 46c0a62b71c2d41f00a06d9d9b9ca7bc97877e25 Mon Sep 17 00:00:00 2001 From: Lasse Rosenow <10547444+LasseRosenow@users.noreply.github.com> Date: Thu, 21 Apr 2022 21:16:23 +0200 Subject: [PATCH] Improve app loading background (#12865) * Improve loading background * Fix login background * Update app/src/app.vue Co-authored-by: Rijk van Zanten --- app/index.html | 3 ++- app/src/app.vue | 5 ++--- app/src/views/public/public-view.vue | 1 - 3 files changed, 4 insertions(+), 5 deletions(-) diff --git a/app/index.html b/app/index.html index c1d7bed68f..06d642f7a0 100644 --- a/app/index.html +++ b/app/index.html @@ -15,6 +15,7 @@ + @@ -23,7 +24,7 @@ Loading… - + diff --git a/app/src/app.vue b/app/src/app.vue index 757313fb03..07d67e4c86 100644 --- a/app/src/app.vue +++ b/app/src/app.vue @@ -70,8 +70,8 @@ export default defineComponent({ .querySelector('head meta[name="theme-color"]') ?.setAttribute('content', newUser.theme === 'light' ? '#ffffff' : '#263238'); } else { - // Default to light mode - document.body.classList.add('light'); + // Default to auto mode + document.body.classList.add('auto'); } }, { immediate: true } @@ -115,7 +115,6 @@ export default defineComponent({ justify-content: center; width: 100%; height: 100%; - background: rgb(255 255 255 / 0.5); backdrop-filter: blur(10px); } diff --git a/app/src/views/public/public-view.vue b/app/src/views/public/public-view.vue index 7d8b76d948..0c7e68ef65 100644 --- a/app/src/views/public/public-view.vue +++ b/app/src/views/public/public-view.vue @@ -180,7 +180,6 @@ const logoURL = computed(() => { /* Page Content Spacing */ font-size: 15px; line-height: 24px; - background-color: #fff; box-shadow: 0 0 40px 0 rgb(38 50 56 / 0.1); transition: max-width var(--medium) var(--transition);