From ada346d339454d3147ba8fcb6154b7afd30e549d Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 4 Jul 2025 11:14:33 +1000
Subject: [PATCH] Improved login screens (#9953)

- Fix shadow offset
- Simplify Wrapper component
---
 src/frontend/src/pages/Auth/Layout.tsx | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/frontend/src/pages/Auth/Layout.tsx b/src/frontend/src/pages/Auth/Layout.tsx
index 03cc7205f8..ea56cfc041 100644
--- a/src/frontend/src/pages/Auth/Layout.tsx
+++ b/src/frontend/src/pages/Auth/Layout.tsx
@@ -17,18 +17,10 @@ import { doLogout } from '../../functions/auth';
 export default function LoginLayoutComponent() {
   return (
     <SplashScreen>
-      <Center mih='100vh'>
-        <div
-          style={{
-            padding: '10px',
-            backgroundColor: 'rgba(0,0,0,0.5)',
-            boxShadow: '0 0 15px 10px rgba(0,0,0,0.5)'
-          }}
-        >
-          <Container w='md' miw={400}>
-            <Outlet />
-          </Container>
-        </div>
+      <Center mih='100vh' p='lg'>
+        <Container>
+          <Outlet />
+        </Container>
       </Center>
     </SplashScreen>
   );
@@ -50,7 +42,7 @@ export function Wrapper({
   const navigate = useNavigate();
 
   return (
-    <Paper p='xl' withBorder miw={425}>
+    <Paper p='xl' withBorder miw={425} shadow='lg'>
       <Stack gap={smallPadding ? 0 : 'md'}>
         <StylishText size='xl'>{titleText}</StylishText>
         <Divider p='xs' />