From a28e6fbcbfc8feccdcba200c2421f5c42a78d97a Mon Sep 17 00:00:00 2001
From: Arne Rief <riearn@proton.me>
Date: Sat, 10 Jan 2026 22:33:36 +0100
Subject: Docker

---
 frontend/src/pages/Login.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'frontend/src/pages/Login.tsx')

diff --git a/frontend/src/pages/Login.tsx b/frontend/src/pages/Login.tsx
index 11b7c11..463af8e 100644
--- a/frontend/src/pages/Login.tsx
+++ b/frontend/src/pages/Login.tsx
@@ -1,6 +1,8 @@
 import { useEffect, useState, type ChangeEvent, type FormEvent } from "react";
 import { useNavigate } from "react-router-dom";
 import { FadeLoader } from "react-spinners";
+import mapBackground from "../assets/map-blurred.png";
+import ErrorBanner from "../components/ErrorBanner";
 import Logo from "../components/Logo";
 import API_URL from "../config";
 import "../styles/button.css";
@@ -84,7 +86,10 @@ function Login() {
     }, []);
 
     return (
-        <div className="login-page">
+        <div
+	    className="login-page"
+	    style={{ backgroundImage: `url(${mapBackground})` }}
+	>
             <div className="login-card">
                 <Logo />
                 <p className="subtitle">🤖 Please log in to use the app 🤖</p>
@@ -119,10 +124,8 @@ function Login() {
                         />
                     </div>
 
-                    {errorMessage && (
-                        <div className="error-message">{errorMessage}</div>
-                    )}
-
+                    {errorMessage && <ErrorBanner message={errorMessage} />}
+                    
                     <button
                         className="btn btn-start"
                         disabled={isLoading}
-- 
cgit v1.2.3

