design: 텍스트 스타일 지정 (#149)

#147
BDD-CLUB · Mar 21, 2024 · 827c336 · 827c336
1 parent e884ffe
commit 827c336
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/CurriculumCard/CurriculumItem/index.tsx b/src/components/CurriculumCard/CurriculumItem/index.tsx
@@ -14,12 +14,12 @@ const CurriculumItem = ({ id, name, itemOrder, isCompleted }: CurriculumItemProp
 
   return (
     <Flex key={id.toString()} align="center" gap="4" px="4">
-      <Text color={checked ? 'orange' : 'orange_light'} fontSize="xl" fontWeight="bold">
+      <Text textStyle="bold_xl" color={checked ? 'orange' : 'orange_light'}>
         {itemOrder.toString().padStart(2, '0')}
       </Text>
 
-      <Box w="100%" px="3" py="1.5" color="white" fontSize="lg" bg={checked ? 'orange' : 'orange_light'} rounded="3xl">
-        <Text pr="10" fontSize="xl">
+      <Box textStyle="lg" w="100%" px="3" py="1.5" color="white" bg={checked ? 'orange' : 'orange_light'} rounded="3xl">
+        <Text textStyle="bold_xl" pr="10">
           {name}
         </Text>
       </Box>