fix: Properly center map click modal

- Remove w-full and mx-auto that caused alignment issues
- Use fixed width (280px) instead of max-w-xs
- Let flex container handle centering

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-01-24 16:40:12 +00:00
parent 956d5dacda
commit ccfe00cebe

View File

@@ -638,12 +638,12 @@ export default function ScraperTest({ onJobsChange, onSelectReviews }: ScraperTe
{/* Map Click Warning Modal */}
{showMapClickModal && (
<div
className="absolute inset-0 flex items-center justify-center backdrop-blur-md bg-gray-900/40 z-20"
style={{ padding: '24px' }}
className="absolute inset-0 flex items-center justify-center backdrop-blur-md bg-gray-900/40 z-20 p-6"
onClick={() => setShowMapClickModal(false)}
>
<div
className="bg-white rounded-2xl p-5 shadow-2xl max-w-xs w-full border-2 border-blue-500 animate-fade-in mx-auto"
className="bg-white rounded-2xl p-5 shadow-2xl border-2 border-blue-500"
style={{ width: '280px' }}
onClick={(e) => e.stopPropagation()}
>
<div className="text-center mb-3">