aimond/sapiens-web2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust image positioning to ensure soccer players' faces are visible

Browse Source 
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:
kimjaehyeon0101
2025-09-29 18:53:32 +00:00
parent d6d8be8273
commit 1cb229799f
5 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/스크린샷 2025-09-30 오전 3.52.10_1759171958364.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
attached_assets/스크린샷 2025-09-30 오전 3.52.23_1759171958364.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
attached_assets/스크린샷 2025-09-30 오전 3.53.06_1759171996454.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

1
client/src/components/MainContent.tsx
View File

@ -60,6 +60,7 @@ export default function MainContent() {
src={outlet.imageUrl} src={outlet.imageUrl}
alt={outlet.name} alt={outlet.name}
className="w-full h-full object-cover" 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"> <div className="w-6 h-6 bg-gray-300 rounded-full flex items-center justify-center">

1
client/src/pages/AdminDashboard.tsx
View File

@ -199,6 +199,7 @@ export default function AdminDashboard() {
src={outlet.imageUrl} src={outlet.imageUrl}
alt={outlet.name} alt={outlet.name}
className="w-full h-full object-cover" 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"> <div className="w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center">