david/euchre_camp
Public Access
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

fix: move Lynn, Emily, and Amelia 10px further outward

Browse Source
This commit is contained in:
David Gwilliam
2026-03-31 03:52:48 -07:00
parent 6c29eeceaf
commit f49d0f02d9
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/matches/[id]/page.tsx
+6 -6
View File
@@ -88,9 +88,9 @@ export default async function MatchDetailPage({ params }: PageProps) {
<div className="relative p-8"> <div className="relative p-8">
{/* Table Square - Larger with more padding */} {/* Table Square - Larger with more padding */}
<div className="w-72 h-72 bg-amber-100 border-4 border-amber-600 rounded-xl relative shadow-lg"> <div className="w-72 h-72 bg-amber-100 border-4 border-amber-600 rounded-xl relative shadow-lg">
{/* Top: Team 1 Player 1 - Moved 10px up */} {/* Top: Team 1 Player 1 - Moved 20px up */}
<div className="absolute top-0 left-0 right-0 h-1/2 flex flex-col justify-end items-center pb-8"> <div className="absolute top-0 left-0 right-0 h-1/2 flex flex-col justify-end items-center pb-8">
<div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm -mt-[10px]"> <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm -mt-[20px]">
<p className="text-base font-semibold text-amber-900"> <p className="text-base font-semibold text-amber-900">
{match.team1P1.name} {match.team1P1.name}
</p> </p>
@@ -124,9 +124,9 @@ export default async function MatchDetailPage({ params }: PageProps) {
</div> </div>
</div> </div>
{/* Left: Team 1 Player 2 - Moved 10px left */} {/* Left: Team 1 Player 2 - Moved 20px left */}
<div className="absolute left-0 top-0 bottom-0 w-1/2 flex flex-col justify-center items-center pl-8"> <div className="absolute left-0 top-0 bottom-0 w-1/2 flex flex-col justify-center items-center pl-8">
<div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[-90deg] -ml-[10px]"> <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[-90deg] -ml-[20px]">
<p className="text-sm font-semibold text-amber-900"> <p className="text-sm font-semibold text-amber-900">
{match.team1P2.name} {match.team1P2.name}
</p> </p>
@@ -141,9 +141,9 @@ export default async function MatchDetailPage({ params }: PageProps) {
</div> </div>
</div> </div>
{/* Right: Team 2 Player 1 - Moved 10px right */} {/* Right: Team 2 Player 1 - Moved 20px right */}
<div className="absolute right-0 top-0 bottom-0 w-1/2 flex flex-col justify-center items-center pr-8"> <div className="absolute right-0 top-0 bottom-0 w-1/2 flex flex-col justify-center items-center pr-8">
<div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[90deg] -mr-[10px]"> <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[90deg] -mr-[20px]">
<p className="text-sm font-semibold text-red-900"> <p className="text-sm font-semibold text-red-900">
{match.team2P1.name} {match.team2P1.name}
</p> </p>