bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 13 Actions Packages Projects Releases Wiki Activity

Use a darker green and 4 columns for the invitations

Browse Source
This commit is contained in:
Manuel Bustillo 2025-06-01 14:17:02 +02:00
parent 54da3212cb
commit 94ff03f617
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/ui/invitations/board.tsx
View File

@ -53,15 +53,16 @@ export default function InvitationsBoard({ guests, invitations }: {
Create New Invitation
</button>
<div className="grid grid-cols-3 gap-4">
<div className="grid grid-cols-4 gap-6">
{invitations.map((invitation, index) => (
<div
key={invitation.id}
className="flex items-center justify-center h-32 w-full bg-green-600 border border-green-700"
className="flex items-center justify-center w-full bg-green-800 border border-green-900"
style={{ aspectRatio: "1.618 / 1" }}
>
<ul className="text-center text-yellow-500 font-cursive text-lg">
{invitation.guests.map((guest) => (
<li key={guest.id}>{guest.name}</li>
<li key={guest.id}>{guest.name}</li>
))}
</ul>
</div>