bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 14 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 Create New Invitation
</button> </button>
<div className="grid grid-cols-3 gap-4"> <div className="grid grid-cols-4 gap-6">
{invitations.map((invitation, index) => ( {invitations.map((invitation, index) => (
<div <div
key={invitation.id} 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"> <ul className="text-center text-yellow-500 font-cursive text-lg">
{invitation.guests.map((guest) => ( {invitation.guests.map((guest) => (
<li key={guest.id}>{guest.name}</li> <li key={guest.id}>{guest.name}</li>
))} ))}
</ul> </ul>
</div> </div>