Skip to content

Commit

Permalink
style: Button 공통 컴포넌트 fontStyle 변경
Browse files Browse the repository at this point in the history
  • Loading branch information
seondy committed Aug 12, 2024
1 parent 0a0ea7e commit 29547e4
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion gamgyul-front/src/components/common/Button/index.jsx
Original file line number Diff line number Diff line change
@@ -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 (
Expand All @@ -10,13 +11,13 @@ 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;
border: 0;
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;

0 comments on commit 29547e4

Please sign in to comment.