fixes

jhlagado · Feb 6, 2024 · 6df33b4 · 6df33b4
1 parent 7dc46b0
commit 6df33b4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/src/components/xtodo/TodoList.tsx b/src/components/xtodo/TodoList.tsx
@@ -8,7 +8,7 @@ import {
   deleteTodo,
   getTodos,
   updateTodo,
-} from "./todosAPI";
+} from "./todosApi";
 import { FaTrash, FaUpload } from "react-icons/fa";
 
 const TodoList = () => {
@@ -79,13 +79,14 @@ const TodoList = () => {
       <div className="new-todo">
         <input
           type="text"
+          className="w-full p-2 rounded-sm border-solid border-2 border-slate-800"
           id="new-todo"
           value={newTodo}
           onChange={(e) => setNewTodo(e.target.value)}
           placeholder="Enter new todo"
         />
       </div>
-      <button className="min-w-12 min-h-12 border-slate-300 border-2 rounded-md cursor-pointer flex justify-center items-center bg-slate-100 text-slate-500 focus:text-lime-500 hover:text-lime-500">
+      <button className="min-w-12 min-h-12 border-2late-300 border-2 rounded-md cursor-pointer flex justify-center items-center bg-slate-100 text-slate-500 focus:text-lime-500 hover:text-lime-500">
         <FaUpload />
       </button>
     </form>
@@ -112,7 +113,7 @@ const TodoList = () => {
             <label htmlFor={String(todo.id)}>{todo.title}</label>
           </div>
           <button
-            className="min-w-12 min-h-12 border-slate-300 border-2 rounded-md cursor-pointer flex justify-center items-center bg-slate-100 text-red-500 focus:brightness-110 hover:brightness-110 transition"
+            className="min-w-12 min-h-12 border-2late-300 border-2 rounded-md cursor-pointer flex justify-center items-center bg-slate-100 text-red-500 focus:brightness-110 hover:brightness-110 transition"
             onClick={() => deleteTodoMutation(todo.id)}
           >
             <FaTrash />

diff --git a/src/index.css b/src/index.css
@@ -17,10 +17,10 @@
   }
 }
 
-@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
-
+/* @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
+ */
 body {
-  font-family: 'Nunito', sans-serif;
+  /* font-family: 'Nunito', sans-serif; */
   font-size: 1.5rem;
   background-color: #64748B;
   color: #18181B;
@@ -58,7 +58,7 @@ form, article {
   align-items: center;
 }
 
-input[type="checkbox"] {
+/* input[type="checkbox"] {
   min-width: 30px;
   min-height: 30px;
   margin-right: 1rem;
@@ -70,16 +70,16 @@ button {
   border: 1px solid #18181B;
   border-radius: 10%;
   cursor: pointer;
-}
+} */
 
-.trash {
+/* .trash {
   background-color: #F8FAFC;
   color: #EF4444;
 }
 
 .trash:focus, .trash:hover {
   filter:brightness(120%)
-}
+} */
 
 form {
   padding: 1rem;
@@ -100,19 +100,19 @@ form label {
   padding-right: 30px;
 }
 
-input[type="text"] {
+/* input[type="text"] {
   width: 100%;
   padding: 0.5rem;
   border-radius: 10px;
   border: 0.5px solid #18181B;
-}
+} */
 
-.submit {
+/* .submit {
   background-color: #F8FAFC;
   color: gray;
 }
 
 .submit:focus, .submit:hover {
   background-color: limegreen;
   color: #F8FAFC;
-}
+} */