From f8d07c155233f4f1bc009e229b8d2cf03c06c0b8 Mon Sep 17 00:00:00 2001
From: ZacharyZcR <zacharyzcr1984@gmail.com>
Date: Sun, 9 Nov 2025 09:14:08 +0800
Subject: [PATCH] fix: Display diagonal line pattern on login background

- Combine background color and pattern in single style attribute
- Use white semi-transparent lines (rgba 0.03 opacity)
- 45deg angle, 35px spacing, 2px width
- Remove separate overlay div to ensure pattern visibility
---
 src/ui/desktop/authentication/Auth.tsx | 29 +++++++++++++-------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/ui/desktop/authentication/Auth.tsx b/src/ui/desktop/authentication/Auth.tsx
index 7d08f968..43a8381b 100644
--- a/src/ui/desktop/authentication/Auth.tsx
+++ b/src/ui/desktop/authentication/Auth.tsx
@@ -842,22 +842,21 @@ export function Auth({
       <div className="w-full h-full flex flex-col md:flex-row">
 
         {/* Left Side - Brand Showcase */}
-        <div className="hidden md:flex md:w-2/5 bg-dark-bg-darker items-center justify-center relative overflow-hidden">
-          {/* Diagonal Lines Background */}
-          <div
-            className="absolute inset-0 opacity-[0.03]"
-            style={{
-              backgroundImage: `repeating-linear-gradient(
-                45deg,
-                hsl(var(--primary)),
-                hsl(var(--primary)) 1px,
-                transparent 1px,
-                transparent 40px
-              )`
-            }}
-          />
+        <div
+          className="hidden md:flex md:w-2/5 items-center justify-center relative"
+          style={{
+            background: '#0e0e10',
+            backgroundImage: `repeating-linear-gradient(
+              45deg,
+              transparent,
+              transparent 35px,
+              rgba(255, 255, 255, 0.03) 35px,
+              rgba(255, 255, 255, 0.03) 37px
+            )`
+          }}
+        >
           {/* Logo and Branding */}
-          <div className="relative z-10 text-center px-8">
+          <div className="relative text-center px-8">
             <div
               className="text-7xl font-bold tracking-wider mb-4 text-foreground"
               style={{