chore: px to rem, gap 토큰 적용

GDSC-Hongik · Jun 4, 2024 · 5e57c8c · 5e57c8c
1 parent f0a234f
commit 5e57c8c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/wow-ui/src/components/RadioGroup/RadioButton.tsx b/packages/wow-ui/src/components/RadioGroup/RadioButton.tsx
@@ -68,8 +68,8 @@ const radioButtonStyle = cva({
   base: {
     appearance: "none",
 
-    width: 20,
-    height: 20,
+    width: "1.25rem",
+    height: "1.25rem",
     borderRadius: "full",
     borderWidth: 1,
 
@@ -89,8 +89,8 @@ const radioButtonStyle = cva({
           borderColor: "primary",
           _before: {
             content: `""`,
-            width: 10,
-            height: 10,
+            width: "0.625rem",
+            height: "0.625rem",
             borderRadius: "full",
             background: "primary",
           },

diff --git a/packages/wow-ui/src/components/RadioGroup/RadioGroup.tsx b/packages/wow-ui/src/components/RadioGroup/RadioGroup.tsx
@@ -44,7 +44,7 @@ const RadioGroup = ({
   );
 
   return (
-    <Flex direction="column" gap="0.5rem" role="radiogroup" width="fit-content">
+    <Flex direction="column" gap="xs" role="radiogroup" width="fit-content">
       <RadioContext.Provider value={contextValue}>
         {children}
       </RadioContext.Provider>