Adjust image positioning to ensure soccer players' faces are visible
Update `objectPosition` style in `MainContent.tsx` and `AdminDashboard.tsx` to `center top` for better image display of player faces. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/jvFIdY3
This commit is contained in:
@ -60,6 +60,7 @@ export default function MainContent() {
|
||||
src={outlet.imageUrl}
|
||||
alt={outlet.name}
|
||||
className="w-full h-full object-cover"
|
||||
style={{objectPosition: 'center top'}}
|
||||
/>
|
||||
) : (
|
||||
<div className="w-6 h-6 bg-gray-300 rounded-full flex items-center justify-center">
|
||||
|
||||
@ -199,6 +199,7 @@ export default function AdminDashboard() {
|
||||
src={outlet.imageUrl}
|
||||
alt={outlet.name}
|
||||
className="w-full h-full object-cover"
|
||||
style={{objectPosition: 'center top'}}
|
||||
/>
|
||||
) : (
|
||||
<div className="w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center">
|
||||
|
||||
Reference in New Issue
Block a user