Add an independent scroll for each column
This commit is contained in:
parent
537c285bd4
commit
54da3212cb
@ -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
|
||||
|
Loading…
x
Reference in New Issue
Block a user