style: Radio CheckButton svg 경로 수정

Principes-Artis-Mechanicae · Aug 25, 2024 · af517f0 · af517f0
1 parent fe1ef12
commit af517f0
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/components/form/Radio.style.ts b/packages/components/form/Radio.style.ts
@@ -1,6 +1,9 @@
 import styled from "@emotion/styled";
 import { RadioContainerProps } from "./Radio";
 
+import checkActive from "../../assets/btn-check__active.svg";
+import checkInActive from "../../assets/btn-check__inactive.svg";
+
 import { vertical_center } from "../../styles/utils";
 
 export const RadioGroupWrapper = styled.div<RadioContainerProps>`
@@ -46,14 +49,14 @@ export const RadioItemElement = styled.input`
 
 export const RadioItemLabel = styled.label`
     width: 100%;
-    height: 100%;
+    height: inherit;
     display: flex;
     align-items: center;
 
     margin-left: 40px;
 
     & > :checked::before {
-        content: url("packages/assets/btn-check__active.svg");
+        content: url(${checkActive});
 
         ${vertical_center};
         width: 20px;
@@ -64,7 +67,7 @@ export const RadioItemLabel = styled.label`
     }
 
     & > :not(:checked)::before {
-        content: url("packages/assets/btn-check__inactive.svg");
+        content: url(${checkInActive});
 
         ${vertical_center};
         width: 20px;