fix signup box, merge crime & rename crime

This commit is contained in:
Ruby 2026-03-15 19:46:36 +00:00
parent f72c43a9fa
commit 325848c5a9
5 changed files with 17 additions and 22 deletions

View file

@ -81,12 +81,14 @@ export default function AuthModal({
view === 'login' ? 'Log in' : view === 'register' ? 'Create account' : 'Reset password';
return (
<div className="fixed inset-0 z-50 flex items-center justify-center" onClick={onClose}>
<div className="absolute inset-0 bg-black/50 dark:bg-black/70" />
<div
className="relative w-full max-w-sm mx-4 bg-white dark:bg-warm-900 rounded-lg shadow-xl border border-warm-200 dark:border-warm-700"
onClick={(e) => e.stopPropagation()}
>
<div
className="fixed inset-0 z-50 flex items-center justify-center"
onMouseDown={(e) => {
if (e.target === e.currentTarget) onClose();
}}
>
<div className="absolute inset-0 bg-black/50 dark:bg-black/70" onMouseDown={onClose} />
<div className="relative w-full max-w-sm mx-4 bg-white dark:bg-warm-900 rounded-lg shadow-xl border border-warm-200 dark:border-warm-700">
{/* Header */}
<div className="flex items-center justify-between px-5 pt-5 pb-3">
<h2 className="text-lg font-semibold text-navy-950 dark:text-white">{title}</h2>
@ -119,7 +121,7 @@ export default function AuthModal({
}`}
onClick={() => switchView('register')}
>
Register
Create account
</button>
</div>
)}

View file

@ -258,7 +258,7 @@ export default function Header({
onClick={onRegisterClick}
className="px-3 py-1.5 rounded bg-teal-600 hover:bg-teal-700 transition-colors text-sm font-medium"
>
Register
Create account
</button>
</>
)}
@ -271,7 +271,7 @@ export default function Header({
onClick={onRegisterClick}
className="px-4 py-1.5 rounded bg-teal-600 hover:bg-teal-700 transition-colors text-sm font-semibold"
>
Sign up
Create account
</button>
)}

View file

@ -183,7 +183,7 @@ export default function MobileMenu({
}}
className="flex-1 px-3 py-2.5 rounded bg-teal-600 hover:bg-teal-700 transition-colors text-sm font-medium text-center"
>
Register
Create account
</button>
</div>
)}

View file

@ -12,11 +12,10 @@ import {
} from '../components/ui/icons';
const GROUP_ICONS: Record<string, ComponentType<{ className?: string }>> = {
'Properties in the area': HouseIcon,
Properties: HouseIcon,
Transport: RouteIcon,
Education: GraduationCapIcon,
Deprivation: ChartBarIcon,
'Crime summary': ShieldIcon,
Crime: ShieldIcon,
Demographics: UsersIcon,
Amenities: ShoppingBagIcon,