Add an independent scroll for each column

This commit is contained in:
Manuel Bustillo 2025-06-01 14:05:59 +02:00
parent 537c285bd4
commit 54da3212cb

View File

@ -25,9 +25,9 @@ export default function InvitationsBoard({ guests, invitations }: {
}
return (
<div className="flex h-full">
<div className="flex h-screen">
{/* Left Column: Guests */}
<div className="w-1/4 h-full overflow-y-auto border-r border-gray-300 p-4">
<div className="w-1/4 h-full overflow-auto border-r border-gray-300 p-4">
<h2 className="text-lg font-semibold mb-4">Guests</h2>
<ul>
{availableGuests.map((guest, index) => (
@ -43,7 +43,7 @@ export default function InvitationsBoard({ guests, invitations }: {
</div>
{/* Right Column: Invitations */}
<div className="w-3/4 h-full overflow-y-auto p-4">
<div className="w-3/4 h-full overflow-auto p-4">
<h2 className="text-lg font-semibold mb-4">Invitations</h2>
<button