add gap

itizawa · Dec 21, 2023 · 671a07a · 671a07a
1 parent 3f3c28e
commit 671a07a
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/app/_components/domains/Task/TaskList/TaskList.tsx b/src/app/_components/domains/Task/TaskList/TaskList.tsx
@@ -17,13 +17,15 @@ export const TaskList: FC<Props> = ({ objectiveId, tasks }) => {
   return (
     <div className="w-full">
       <p className="text-md font-bold mb-[16px] text-gray-700">タスク一覧</p>
-      {tasks.map((task) => {
-        return (
-          <Card key={task._id} className="md:p-[8px] p-[4px] flex flex-col rounded-[8px]" shadow="none" radius="none">
-            ここにタスク一覧が表示されます
-          </Card>
-        );
-      })}
+      <div className="flex flex-col gap-[8px]">
+        {tasks.map((task) => {
+          return (
+            <Card key={task._id} className="md:p-[8px] p-[4px] flex flex-col rounded-[8px] cursor-pointer" shadow="none" radius="none">
+              ここにタスク一覧が表示されます
+            </Card>
+          );
+        })}
+      </div>
       <Button className="mt-[8px]" size="sm" color="primary" variant="light" startContent={<Icon icon="PLUS" />} onClick={() => onOpen()}>
         タスクの追加
       </Button>