design: 위치 변경 및 rounded 추가

#341
BDD-CLUB · Nov 17, 2024 · 197c0ea · 197c0ea
1 parent 480f117
commit 197c0ea
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/StudyCard/index.tsx b/src/components/StudyCard/index.tsx
@@ -1,4 +1,4 @@
-import { Card, CardHeader, CardBody, CardFooter, Text, Image, Progress, Link, Flex } from '@chakra-ui/react';
+import { Card, CardHeader, CardBody, CardFooter, Text, Image, Progress, Link, Flex, Badge } from '@chakra-ui/react';
 
 import CROP from '@/constants/crop';
 
@@ -30,6 +30,9 @@ const StudyCard = ({
       boxSizing="border-box"
       rounded="2xl"
     >
+      <Badge pos="absolute" top="3" right="3" colorScheme={isOngoing ? 'purple' : 'red'} rounded="2xl">
+        {isOngoing ? '진행 중' : '종료'}
+      </Badge>
       <Link w="100%" href={`/team/${teamId}/study/${id}`}>
         <CardHeader py="2">
           <Text textStyle="bold_md" overflow="hidden" textAlign="center" whiteSpace="nowrap" textOverflow="ellipsis">