fixed

fixed overflow text
F1shez · Nov 10, 2024 · 8989543 · 8989543
1 parent 4b30b09
commit 8989543
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/CardTask.tsx b/src/components/CardTask.tsx
@@ -14,7 +14,7 @@ export function CardTask({ todo, dispatch }: CardTaskProps) {
     return (
         <>
             <input onChange={() => handleToggleComplete(todo.id)} type="checkbox" name="" id="" />
-            <div className={"ml-1 " + (todo.completed ? "text-gray-500" : "text-black")}>{todo.text}</div>
+            <div title={todo.text} className={"ml-1 truncate overflow-hidden " + (todo.completed ? "text-gray-500" : "text-black")}>{todo.text}</div>
         </>
     );
 }
diff --git a/src/components/TodoList.tsx b/src/components/TodoList.tsx
@@ -51,7 +51,7 @@ export function TodoList() {
                 }).map((todo: Todo) => (
                     <li
                         key={todo.id}
-                        className={"mt-2 mb-2 ml-4 " + (todo.completed ? "flex line-through decoration-gray-500" : "flex")}
+                        className={"w-full mt-2 mb-2 pl-4 " + (todo.completed ? "flex line-through decoration-gray-500" : "flex")}
                     >
                         <CardTask todo={todo} dispatch={dispatch} />
                     </li>