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 */} {/* Map Click Warning Modal */}
{showMapClickModal && ( {showMapClickModal && (
<div <div
className="absolute inset-0 flex items-center justify-center backdrop-blur-md bg-gray-900/40 z-20" className="absolute inset-0 flex items-center justify-center backdrop-blur-md bg-gray-900/40 z-20 p-6"
style={{ padding: '24px' }}
onClick={() => setShowMapClickModal(false)} onClick={() => setShowMapClickModal(false)}
> >
<div <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()} onClick={(e) => e.stopPropagation()}
> >
<div className="text-center mb-3"> <div className="text-center mb-3">