malty/ca-grow-ops-manager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): Enable scrolling and reduce padding on login page for mobile
Some checks are pending
Test / backend-test (push) Waiting to run
Details
Test / frontend-test (push) Waiting to run
Details

Browse source
This commit is contained in:
fullsizemalt 2026-01-07 13:45:17 -08:00
parent b6fbb5c8b7
commit de632bd425
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/pages/LoginPage.tsx
View file

@ -36,7 +36,7 @@ export default function LoginPage() {
}; };
return ( return (
<div className="min-h-screen bg-[var(--color-bg-primary)] flex overflow-hidden font-sans selection:bg-[var(--color-primary)]/30"> <div className="min-h-screen bg-[var(--color-bg-primary)] flex lg:overflow-hidden overflow-y-auto font-sans selection:bg-[var(--color-primary)]/30">
{/* Left Side: Brand/Visual */} {/* Left Side: Brand/Visual */}
<div className="hidden lg:flex flex-1 relative items-center justify-center border-r border-[var(--color-border-subtle)] bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-[var(--color-bg-secondary)] via-[var(--color-bg-primary)] to-[var(--color-bg-primary)]"> <div className="hidden lg:flex flex-1 relative items-center justify-center border-r border-[var(--color-border-subtle)] bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-[var(--color-bg-secondary)] via-[var(--color-bg-primary)] to-[var(--color-bg-primary)]">
<div className="absolute inset-0 opacity-10" style={{ backgroundImage: 'radial-gradient(var(--color-border-default) 1px, transparent 1px)', backgroundSize: '32px 32px' }} /> <div className="absolute inset-0 opacity-10" style={{ backgroundImage: 'radial-gradient(var(--color-border-default) 1px, transparent 1px)', backgroundSize: '32px 32px' }} />
@ -208,7 +208,7 @@ export default function LoginPage() {
</button> </button>
</motion.form> </motion.form>
<motion.div variants={itemVariants} className="pt-24 border-t border-[var(--color-border-subtle)] space-y-4"> <motion.div variants={itemVariants} className="pt-10 lg:pt-24 border-t border-[var(--color-border-subtle)] space-y-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<p className="text-[10px] font-bold text-[var(--color-text-quaternary)] uppercase tracking-widest">Global Security</p> <p className="text-[10px] font-bold text-[var(--color-text-quaternary)] uppercase tracking-widest">Global Security</p>
<div className="h-px flex-1 bg-[var(--color-border-subtle)] mx-4" /> <div className="h-px flex-1 bg-[var(--color-border-subtle)] mx-4" />