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:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user