From ab3363eeec95a5abb464bf8221b5fa22477c6b94 Mon Sep 17 00:00:00 2001
From: Marcel Raddatz <marcel@raddatz.cloud>
Date: Thu, 2 Apr 2026 16:45:22 +0200
Subject: [PATCH] refactor(auth): use shared BrandPanel on login page

Login page now uses the same BrandPanel component as signup
instead of an inline brand panel.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/(public)/login/+page.svelte | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/frontend/src/routes/(public)/login/+page.svelte b/frontend/src/routes/(public)/login/+page.svelte
index 79a85b8..dc77604 100644
--- a/frontend/src/routes/(public)/login/+page.svelte
+++ b/frontend/src/routes/(public)/login/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import BrandPanel from '$lib/auth/BrandPanel.svelte';
 	import LoginForm from '$lib/auth/LoginForm.svelte';
 
 	let { form } = $props();
@@ -10,13 +11,7 @@
 
 <!-- Mobile: stacked, Desktop: side by side -->
 <div class="flex min-h-screen flex-col md:flex-row">
-	<div
-		class="bg-[var(--green)] flex flex-col items-center justify-center
-			px-6 py-7 text-center
-			md:w-1/2 md:min-h-screen md:px-10 md:py-12"
-	>
-		<span class="font-[var(--font-display)] text-4xl text-white font-medium">Mealprep</span>
-	</div>
+	<BrandPanel />
 	<div class="flex flex-1 flex-col items-start justify-center px-[20px] py-[24px] md:items-center md:px-[56px] md:py-[48px]">
 		<div class="w-full max-w-[380px]">
 			<LoginForm {form} />