#87 refactor: 마감 임박 스타일 재수정

AJD-Archive · Sep 25, 2024 · 07d1376 · 07d1376
1 parent a34547d
commit 07d1376
Showing 1 changed file with 5 additions and 4 deletions.
diff --git 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 {