inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-07-06 21:50:55 +00:00
Code Activity

Improved login screens (#9953)

Browse Source 
- Fix shadow offset
- Simplify Wrapper component
This commit is contained in:
Oliver
2025-07-04 11:14:33 +10:00
committed by GitHub
parent 3d9291d95f
commit ada346d339
1 changed files with 5 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/frontend/src/pages/Auth/Layout.tsx
View File

@ -17,18 +17,10 @@ import { doLogout } from '../../functions/auth';
export default function LoginLayoutComponent() { export default function LoginLayoutComponent() {
return ( return (
<SplashScreen> <SplashScreen>
<Center mih='100vh'> <Center mih='100vh' p='lg'>
<div <Container>
style={{ <Outlet />
padding: '10px', </Container>
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> </Center>
</SplashScreen> </SplashScreen>
); );
@ -50,7 +42,7 @@ export function Wrapper({
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
<Paper p='xl' withBorder miw={425}> <Paper p='xl' withBorder miw={425} shadow='lg'>
<Stack gap={smallPadding ? 0 : 'md'}> <Stack gap={smallPadding ? 0 : 'md'}>
<StylishText size='xl'>{titleText}</StylishText> <StylishText size='xl'>{titleText}</StylishText>
<Divider p='xs' /> <Divider p='xs' />