orus-dev/drift
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed overflow on board

Browse Source
This commit is contained in:
selimaj-dev
2026-02-28 01:44:20 +01:00
parent 1442622c75
commit 3da9acd9d6
3 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sidebar/AppSidebar.tsx
+1 -1
View File
@@ -82,7 +82,7 @@ export default function AppSidebar({
<SidebarFooter />
</Sidebar>
<main className="w-svw flex-1 flex flex-col">{children}</main>
<main className="w-svw flex-1 flex flex-col min-h-0">{children}</main>
</SidebarProvider>
);
}
src/components/view/TaskView.tsx
+8 -5
View File
@@ -91,9 +91,12 @@ export default function TaskView({
downloadFile(content, filename, "text/plain");
};
return (
<div className="px-6 pt-2 pb-6 flex flex-col gap-4 h-full">
<div className="px-6 pt-2 pb-6 flex flex-col gap-4 h-full flex-1 min-h-0">
<div className="flex items-center justify-end"></div>
<Tabs defaultValue="board" className="w-full h-full flex flex-col">
<Tabs
defaultValue="board"
className="w-full h-full flex flex-col flex-1 min-h-0"
>
<div className="flex justify-between shrink-0">
<TabsList className="mb-4">
<TabsTrigger value="board">Board</TabsTrigger>
@@ -123,7 +126,7 @@ export default function TaskView({
</DropdownMenu>
</div>
<TabsContent value="board" className="mt-0 h-full">
<TabsContent value="board" className="mt-0 h-full flex-1 min-h-0">
<BoardView
tasks={tasks}
setTasks={setTasks}
@@ -135,7 +138,7 @@ export default function TaskView({
/>
</TabsContent>
<TabsContent value="table" className="mt-0 h-full">
<TabsContent value="table" className="mt-0 h-full flex-1 min-h-0">
<TableView
tasks={tasks}
setTasks={setTasks}
@@ -147,7 +150,7 @@ export default function TaskView({
/>
</TabsContent>
<TabsContent value="edit" className="mt-0 h-full">
<TabsContent value="edit" className="mt-0 h-full flex-1 min-h-0">
<EditView
tags={tags}
statuses={statuses}
src/components/view/board/BoardView.tsx
+4 -4
View File
@@ -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