fix: restore login screen background from not showing up

frontend/src/lib/components/login-wrapper.svelte

@@ -37,7 +37,7 @@
 		isInitialLoad = !e?.from?.url;
 	});
 
-	const isDesktop = new MediaQuery('min-width: 1024px');
+	const isDesktop = new MediaQuery('(min-width: 1024px)');
 	let alternativeSignInButton = $state({
 		href: '/login/alternative',
 		label: m.alternative_sign_in_methods()
@@ -61,7 +61,12 @@
 {#if backgroundImageExists === undefined}
 	<div class="bg-background h-screen"></div>
 {:else if isDesktop.current}
-	<div in:fade={{ duration: 150 }} class="h-screen items-center overflow-hidden text-center">
+	<div
+		in:fade={{ duration: 150 }}
+		class="relative flex h-screen w-full items-center overflow-hidden text-center {backgroundImageExists
+			? 'justify-start'
+			: 'justify-center'}"
+	>
 		<div
 			class="relative z-10 flex h-full p-16 {cn(
 				showAlternativeSignInMethodButton && 'pb-0',
@@ -88,7 +93,7 @@
 		{#if backgroundImageExists}
 			<!-- Background image -->
 			<div
-				class="absolute top-0 right-0 left-500px bottom-0 z-0 overflow-hidden rounded-[40px] m-6"
+				class="absolute top-0 right-0 bottom-0 left-[650px] z-0 m-6 overflow-hidden rounded-[40px] 2xl:left-[800px]"
 			>
 				<img
 					src={cachedBackgroundImage.getUrl()}

frontend/src/routes/authorize/+page.svelte

@@ -20,8 +20,16 @@
 	const oidService = new OidcService();
 
 	let { data }: PageProps = $props();
-	let { client, scope, callbackURL, nonce, codeChallenge, codeChallengeMethod, authorizeState, prompt } =
-		data;
+	let {
+		client,
+		scope,
+		callbackURL,
+		nonce,
+		codeChallenge,
+		codeChallengeMethod,
+		authorizeState,
+		prompt
+	} = data;
 
 	let isLoading = $state(false);
 	let success = $state(false);
@@ -71,7 +79,7 @@
 
 			if (!authorizationConfirmed) {
 				authorizationRequired = await oidService.isAuthorizationRequired(client!.id, scope);
-				
+
 				// If prompt=consent, always show consent UI
 				if (hasPromptConsent) {
 					authorizationRequired = true;

frontend/src/routes/settings/admin/application-configuration/+page.svelte

@@ -70,10 +70,10 @@
 
 		const backgroundImagePromise =
 			backgroundImage === null
-			? appConfigService.deleteBackgroundImage()
-			: backgroundImage
-				? appConfigService.updateBackgroundImage(backgroundImage)
-				: Promise.resolve();
+				? appConfigService.deleteBackgroundImage()
+				: backgroundImage
+					? appConfigService.updateBackgroundImage(backgroundImage)
+					: Promise.resolve();
 
 		await Promise.all([
 			lightLogoPromise,

frontend/src/routes/settings/admin/oidc-clients/oidc-callback-url-input.svelte

@@ -33,7 +33,7 @@
 						data-testid={`callback-url-${i + 1}`}
 						type="text"
 						inputmode="url"
-  						autocomplete="url"
+						autocomplete="url"
 						bind:value={callbackURLs[i]}
 					/>
 					<Button

frontend/src/routes/settings/admin/users/[id]/+page.svelte

@@ -139,7 +139,11 @@
 		</Item.Media>
 		<Item.Content class="min-w-52">
 			<Item.Title class="text-xl font-semibold">{m.passkeys()}</Item.Title>
-			<Item.Description>{passkeys.length > 0 ? m.manage_this_users_passkeys() : m.user_has_no_passkeys_yet()}</Item.Description>
+			<Item.Description
+				>{passkeys.length > 0
+					? m.manage_this_users_passkeys()
+					: m.user_has_no_passkeys_yet()}</Item.Description
+			>
 		</Item.Content>
 	</Item.Root>
 	{#if passkeys.length > 0}