From 07d1376e0975254bb69308d3ae520c8be37d0b04 Mon Sep 17 00:00:00 2001
From: MyungJiwoo <1206jiwoo@gmail.com>
Date: Wed, 25 Sep 2024 15:02:09 +0900
Subject: [PATCH] =?UTF-8?q?#87=20refactor:=20=EB=A7=88=EA=B0=90=20?=
 =?UTF-8?q?=EC=9E=84=EB=B0=95=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=9E=AC?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/DashboardStyled.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/styles/DashboardStyled.tsx b/src/styles/DashboardStyled.tsx
index e3d866c..802fa18 100644
--- a/src/styles/DashboardStyled.tsx
+++ b/src/styles/DashboardStyled.tsx
@@ -235,14 +235,15 @@ export const BlockContainer = styled.div<{
     color: ${theme.color.gray};
     font-weight: ${theme.font.weight.light};
 
-    color: ${({ dayCount, isDone }) => (dayCount < 8 && !isDone ? 'red' : theme.color.gray)};
+    // * d-day 7일 남았을 때부터 다른 스타일
+    color: ${({ dayCount, isDone }) => (dayCount > -8 && !isDone ? 'red' : theme.color.gray)};
     /* font-weight: ${({ dayCount }) =>
       dayCount < 4 ? theme.font.weight.bold : theme.font.weight.light}; */
 
-    animation-name: ${({ dayCount, isDone }) => (dayCount < 8 && !isDone ? shake : 'none')};
+    animation-name: ${({ dayCount, isDone }) => (dayCount > -8 && !isDone ? shake : 'none')};
 
-    animation-duration: 0.5s; /* 애니메이션 지속 시간 설정 */
-    animation-iteration-count: infinite; /* 애니메이션 반복 설정 */
+    animation-duration: 0.2s; /* 애니메이션 지속 시간 설정 */
+    animation-iteration-count: 5;
   }
 
   &:hover {