- todo: {todos.length} {/* 투두 개수 */}
+ todo: {todos.length - completedTodosCount} {/* 투두 개수 */}
complete: {completedTodosCount} {/* 완료된 투두 개수 */}
diff --git a/src/styles.js b/src/styles.js
index 0164d91..52d2f7a 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -66,6 +66,7 @@ export const TodoItem = styled.li`
margin-bottom: 10px;
display: flex;
justify-content: space-between;
+ word-break: break-all;
`;
export const TodoInput = styled.div`
@@ -112,6 +113,7 @@ export const Button = styled.button`
&:hover {
background-color: #6c6ea0;
}
+ white-space: nowrap;
`;
export const RemoveButton = styled.button`
From 9f0b355bbf6b96ed9c216a4daad5337fe6b027c1 Mon Sep 17 00:00:00 2001
From: Jisu <92006284+jsomnium@users.noreply.github.com>
Date: Mon, 23 Sep 2024 14:12:30 +0900
Subject: [PATCH 8/8] =?UTF-8?q?style:=20=EB=B2=84=ED=8A=BC=20=EC=A4=84?=
=?UTF-8?q?=EB=B0=94=EA=BF=88=20=EA=B8=88=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/styles.js | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/styles.js b/src/styles.js
index 52d2f7a..6648b16 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -127,6 +127,7 @@ export const RemoveButton = styled.button`
&:hover {
background-color: darkred;
}
+ white-space: nowrap;
`;
export const TodoHeader = styled.div`