Fixed overflow on board
This commit is contained in:
@@ -43,16 +43,16 @@ export default function BoardView({
|
||||
}));
|
||||
|
||||
return (
|
||||
<div className="w-full h-full flex flex-col gap-6 overflow-hidden flex-1">
|
||||
<div className="w-full h-full flex flex-col gap-6 overflow-hidden flex-1 min-h-0">
|
||||
<DragDropContext onDragEnd={onDragEnd}>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-start flex-1 h-full">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-start flex-1 h-full min-h-0">
|
||||
{tasksByStatus.map(({ status, tasks: statusTasks }) => (
|
||||
<Droppable key={status.id} droppableId={status.id}>
|
||||
{(provided) => (
|
||||
<Card
|
||||
ref={provided.innerRef}
|
||||
{...provided.droppableProps}
|
||||
className="bg-background h-full flex flex-col overflow-hidden"
|
||||
className="bg-background h-full flex flex-col overflow-hidden min-h-0"
|
||||
>
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center justify-between">
|
||||
@@ -67,7 +67,7 @@ export default function BoardView({
|
||||
</Button>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="flex-1 overflow-y-auto">
|
||||
<CardContent className="flex-1 overflow-y-auto min-h-0">
|
||||
<div className="flex flex-col gap-3">
|
||||
{statusTasks.map((task, index) => (
|
||||
<Draggable
|
||||
|
||||
Reference in New Issue
Block a user