From 7098429fea27c8e380fe7664d3fc629f652260b5 Mon Sep 17 00:00:00 2001
From: Gustavo Victor <gguvictor909@gmail.com>
Date: Sat, 6 Jul 2024 09:19:51 -0300
Subject: [PATCH] feat: update project style

---
 src/App.jsx                 | 6 +++---
 src/components/TaskForm.jsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index c2fa913..840e2c5 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -5,7 +5,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { HiMoon, HiSun } from "react-icons/hi"
 import TaskForm from "./components/TaskForm";
 import TaskSection from "./components/TaskSection";
-import Modal from "./components/Modal";
+// import Modal from "./components/Modal";
 
 
 export default function App() {
@@ -55,14 +55,14 @@ export default function App() {
   return (
     <DndProvider backend={HTML5Backend}>
       <Toaster position="top-center" reverseOrder={false} />
-      <Modal>
+      {/* <Modal>
         <TaskForm
           tasks={tasks}
           btnText={"Edit"}
           setTasks={setTasks}
           taskToUpdate={taskToUpdate}
           setTaskToUpdate={setTaskToUpdate} />
-      </Modal>
+      </Modal> */}
       <div id="app" className="relative bg-slate-100 dark:bg-slate-950 w-screen h-auto min-h-screen flex flex-col items-center p-3 pb-4 gap-8 overflow-auto">
         <h1 className="text-2xl mt-16 sm:mt-3 text-slate-950 font-bold dark:text-slate-200">Kanban App</h1>
         <button onClick={toggleTheme} className="absolute sm:top-5 sm:right-5 bg-slate-200 flex items-center justify-center hover:bg-slate-300 text-slate-500 p-3 rounded-full dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-200">
diff --git a/src/components/TaskForm.jsx b/src/components/TaskForm.jsx
index 89b5523..c1cc025 100644
--- a/src/components/TaskForm.jsx
+++ b/src/components/TaskForm.jsx
@@ -84,7 +84,7 @@ export default function TaskForm({ setTasks, btnText }) {
                 onChange={handleChangeTask}
                 placeholder="Enter some text..."
                 maxLength={50}
-                className="rounded-md mr-4 h-12 outline-none bg-white-50 px-2 w-full md:min-w-64 mb-5 dark:bg-slate-900 dark:text-slate-200 dark:placeholder:text-slate-400"
+                className="rounded-md mr-4 h-12 outline-none bg-white-50 px-2 w-full md:w-64 mb-5 dark:bg-slate-900 dark:text-slate-200 dark:placeholder:text-slate-400"
             />
             <button className="bg-cyan-500 dark:bg-cyan-900 outline-none rounded-md text-white px-4 py-2 h-12 dark:hover:bg-cyan-800 hover:bg-cyan-600">{btnText}</button>
         </form>