feat: update project style

Gustavo-Victor · Jul 6, 2024 · 7098429 · 7098429
1 parent 597d40e
commit 7098429
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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>