From f8112e48c7d0c7814f3bca8d50279f252a43f33a Mon Sep 17 00:00:00 2001 From: JAESEON PARK Date: Tue, 24 Feb 2026 19:54:52 +0900 Subject: [PATCH 1/2] =?UTF-8?q?refactor:=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?= =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20?= =?UTF-8?q?Button=20tertiary=20varient=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/button/Button.stories.tsx | 4 ++++ src/components/common/button/Button.tsx | 5 ++++- src/index.css | 14 ++++++++++---- 3 files changed, 18 insertions(+), 5 deletions(-) diff --git a/src/components/common/button/Button.stories.tsx b/src/components/common/button/Button.stories.tsx index c6fdce6f..971560df 100644 --- a/src/components/common/button/Button.stories.tsx +++ b/src/components/common/button/Button.stories.tsx @@ -39,6 +39,10 @@ export const Gradient: TButtonStory = { args: { variant: "gradient" }, }; +export const Tertiary: TButtonStory = { + args: { variant: "tertiary" }, +}; + export const Disabled: TButtonStory = { args: { disabled: true }, }; diff --git a/src/components/common/button/Button.tsx b/src/components/common/button/Button.tsx index 6b567924..f0ac6441 100644 --- a/src/components/common/button/Button.tsx +++ b/src/components/common/button/Button.tsx @@ -10,6 +10,7 @@ interface IButtonProps extends ButtonHTMLAttributes { | "danger" | "dangerSoft" | "gradient" + | "tertiary" | "custom"; isLoading?: boolean; leftIcon?: ReactNode; @@ -46,6 +47,8 @@ export default function Button({ "bg-status-red/10 text-status-red border border-status-red hover:bg-status-red/20 disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-gray-300 disabled:hover:bg-bg-disabled", gradient: "bg-linear-to-r from-logo-1 to-logo-2 text-white hover:opacity-90 shadow-brand-500/30 disabled:bg-bg-disabled disabled:text-text-disabled disabled:shadow-none disabled:hover:opacity-50", + tertiary: + "!h-7 border border-gray-200 text-text-auth-sub px-5 rounded-component-lg bg-white font-body2 hover:bg-gray-100 transition-colors duration-200 ease-in-out", custom: "", }; @@ -70,7 +73,7 @@ export default function Button({ {leftIcon} )} - {children} + {children} ); } diff --git a/src/index.css b/src/index.css index 6f26af0a..db5615b7 100644 --- a/src/index.css +++ b/src/index.css @@ -176,7 +176,7 @@ button { } .font-heading1 { - font-size: 30px; + font-size: 38px; font-weight: 600; line-height: 130%; } @@ -188,14 +188,20 @@ button { } .font-heading3 { - font-size: 18px; - font-weight: 400; + font-size: 25px; + font-weight: 500; + line-height: 130%; + } + + .font-heading4 { + font-size: 22px; + font-weight: 600; line-height: 130%; } .font-body1 { font-size: 16px; - font-weight: 500; + font-weight: 600; line-height: 140%; } From 5b8d6b653c915e587e2255899c1e9e4e8b54b867 Mon Sep 17 00:00:00 2001 From: JAESEON PARK Date: Tue, 24 Feb 2026 23:51:26 +0900 Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EA=B8=B0=EC=A1=B4=EC=9D=98=20index.?= =?UTF-8?q?css=EB=A1=9C=20=EC=9B=90=EB=B3=B5.=20(=EC=B6=94=ED=9B=84?= =?UTF-8?q?=EC=97=90=20=ED=8F=B0=ED=8A=B8=EC=88=98=EC=A0=95=EC=98=88?= =?UTF-8?q?=EC=A0=95)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/index.css | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/src/index.css b/src/index.css index db5615b7..6f26af0a 100644 --- a/src/index.css +++ b/src/index.css @@ -176,7 +176,7 @@ button { } .font-heading1 { - font-size: 38px; + font-size: 30px; font-weight: 600; line-height: 130%; } @@ -188,20 +188,14 @@ button { } .font-heading3 { - font-size: 25px; - font-weight: 500; - line-height: 130%; - } - - .font-heading4 { - font-size: 22px; - font-weight: 600; + font-size: 18px; + font-weight: 400; line-height: 130%; } .font-body1 { font-size: 16px; - font-weight: 600; + font-weight: 500; line-height: 140%; }