Adjust the color.

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2023-11-12 19:06:59 +07:00
parent d4638e03a8
commit b0909f7737
2 changed files with 6 additions and 7 deletions

View File

@ -108,13 +108,11 @@ function ColumnContainer({
text-sm text-sm
rounded-full rounded-full
" "
> ></div>
0
</div>
{!editMode && column.title} {!editMode && column.title}
{editMode && ( {editMode && (
<input <input
className="bg-black focus:border-rose-500 border rounded outline-none px-2" className="bg-white focus:border-rose-500 border rounded outline-none px-2"
value={column.title} value={column.title}
onChange={(e) => updateColumn(column.id, e.target.value)} onChange={(e) => updateColumn(column.id, e.target.value)}
autoFocus autoFocus

View File

@ -1,4 +1,4 @@
import PlusIcon from "../icons/plusIcon" import PlusIcon from "../icons/plusIcon";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import ColumnContainer from "./columnContainer"; import ColumnContainer from "./columnContainer";
import { import {
@ -120,6 +120,7 @@ function KanbanBoard() {
m-auto m-auto
flex flex
w-full w-full
h-full
min-h-screen min-h-screen
items-center items-center
overflow-x-auto overflow-x-auto
@ -149,6 +150,7 @@ function KanbanBoard() {
))} ))}
</SortableContext> </SortableContext>
</div> </div>
{/* create new column */}
<button <button
onClick={() => { onClick={() => {
createNewColumn(); createNewColumn();
@ -223,8 +225,7 @@ function KanbanBoard() {
if (task.id !== id) return task; if (task.id !== id) return task;
return { ...task, content }; return { ...task, content };
}); });
if (content === "") return deleteTask(id if (content === "") return deleteTask(id);
);
setTasks(newTasks); setTasks(newTasks);
} }