From 29547e412c5a6531d07cee07471eca0acd21682d Mon Sep 17 00:00:00 2001 From: seondy Date: Mon, 12 Aug 2024 23:29:36 +0900 Subject: [PATCH] =?UTF-8?q?style:=20Button=20=EA=B3=B5=ED=86=B5=20?= =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20fontStyle=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- gamgyul-front/src/components/common/Button/index.jsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/gamgyul-front/src/components/common/Button/index.jsx b/gamgyul-front/src/components/common/Button/index.jsx index d5f3e9f..fb65c38 100644 --- a/gamgyul-front/src/components/common/Button/index.jsx +++ b/gamgyul-front/src/components/common/Button/index.jsx @@ -1,5 +1,6 @@ import styled from "styled-components"; import { theme } from "../../../style/theme"; +import { applyFontStyles } from "../../../utils/fontStyles"; const Button = ({ type, size, onClick, children, color, className, disabled, ...props }) => { return ( @@ -10,6 +11,7 @@ const Button = ({ type, size, onClick, children, color, className, disabled, ... }; const StyledButton = styled.button` + ${applyFontStyles(theme.font.body1)} width: 100%; height: ${({ type }) => (type === "small" ? "40px" : "64px")}; border-radius: 10px; @@ -17,6 +19,5 @@ const StyledButton = styled.button` cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")}; background-color: ${({ disabled }) => (disabled ? theme.color.grayscale_BF : theme.color.primary)}; color: ${theme.color.white}; - font-size: ${theme.fontSize.body1}; `; export default Button;