Merge pull request #171 from yourssu/refactor/#170-typo

Refactor/#170: 웹 접근성 관련 디자인 시스템 Typo 수정
yourssu · Mar 26, 2024 · 478c809 · 478c809
2 parents c48942c + a8cac48
commit 478c809
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Explore/atoms/RecommendButton.tsx b/src/components/Explore/atoms/RecommendButton.tsx
@@ -37,7 +37,7 @@ const RecommendButton = ({ recommendOpen, ...props }: RecommendButtonProps) => {
                   <input
                     value={code}
                     style={{ WebkitAppearance: 'none', WebkitBorderRadius: 0 }}
-                    className="h-[27px] w-[152px] border-b-[1px] py-[4px] text-body2 text-pink focus:outline-none"
+                    className="h-[27px] w-[152px] border-b-[1px] py-[4px] text-body1 text-pink focus:outline-none"
                     onClick={(e) => {
                       e.stopPropagation()
                     }}

diff --git a/src/components/Register/atoms/TextareaField.tsx b/src/components/Register/atoms/TextareaField.tsx
@@ -4,7 +4,7 @@ interface TextareaFieldProps extends React.TextareaHTMLAttributes<HTMLTextAreaEl
 
 const TextareaField = ({ height = 127, ...props }: TextareaFieldProps) => {
   const defaultStyle =
-    'p-4 bg-white rounded-xl text-pink placeholder-gray font-body2 resize-none focus:outline-none focus:shadow-inputField'
+    'p-4 bg-white rounded-xl text-pink placeholder-gray font-body1 resize-none focus:outline-none focus:shadow-inputField'
   const shadowStyle = !props.value && 'shadow-inputField'
 
   return (

diff --git a/src/components/common/InputField.tsx b/src/components/common/InputField.tsx
@@ -5,7 +5,7 @@ interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
 
 const InputField = ({ width = 193, height = 48, ...props }: InputFieldProps) => {
   const defaultStyle =
-    'px-4 bg-white rounded-xl flex justify-start items-center focus:outline-none text-pink placeholder-gray text-body2 focus:shadow-inputField'
+    'px-4 bg-white rounded-xl flex justify-start items-center focus:outline-none text-pink placeholder-gray text-body1 focus:shadow-inputField'
   const shadowStyle = !props.value && 'shadow-inputField'
 
   return (

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -41,7 +41,7 @@ const config: Config = {
         body1: [
           '16px',
           {
-            fontWeight: '600',
+            fontWeight: '400',
             lineHeight: '20.8px',
           },
         ],