From 6441a12d4d4ea321aab83e16cb1d20783c96ff96 Mon Sep 17 00:00:00 2001 From: ukkodeveloper Date: Tue, 7 Nov 2023 02:19:29 +0900 Subject: [PATCH] =?UTF-8?q?style:=20style=20lint=20=EC=A0=81=EC=9A=A9=20?= =?UTF-8?q?=EB=B0=8F=20=EA=B0=9C=ED=96=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../features/killingParts/components/RegisterPart.tsx | 1 - .../components/ConfirmModal/ConfirmModal.stories.tsx | 2 +- .../shared/components/ConfirmModal/ConfirmModal.tsx | 10 ++++++++-- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/frontend/src/features/killingParts/components/RegisterPart.tsx b/frontend/src/features/killingParts/components/RegisterPart.tsx index 8e72cc36..e5a38841 100644 --- a/frontend/src/features/killingParts/components/RegisterPart.tsx +++ b/frontend/src/features/killingParts/components/RegisterPart.tsx @@ -75,7 +75,6 @@ const RegisterButton = styled.button` @media (min-width: ${({ theme }) => theme.breakPoints.md}) { padding: 11px 15px; - font-size: 18px; } `; diff --git a/frontend/src/shared/components/ConfirmModal/ConfirmModal.stories.tsx b/frontend/src/shared/components/ConfirmModal/ConfirmModal.stories.tsx index 8c64a52b..8edc75be 100644 --- a/frontend/src/shared/components/ConfirmModal/ConfirmModal.stories.tsx +++ b/frontend/src/shared/components/ConfirmModal/ConfirmModal.stories.tsx @@ -82,8 +82,8 @@ const Body = styled.div` `; const Button = styled.button` + padding: 4px 11px; color: white; border: 2px solid white; - padding: 4px 11px; border-radius: 4px; `; diff --git a/frontend/src/shared/components/ConfirmModal/ConfirmModal.tsx b/frontend/src/shared/components/ConfirmModal/ConfirmModal.tsx index 3c9d5b40..3bd57690 100644 --- a/frontend/src/shared/components/ConfirmModal/ConfirmModal.tsx +++ b/frontend/src/shared/components/ConfirmModal/ConfirmModal.tsx @@ -72,20 +72,25 @@ const Container = styled.section` border: none; border-radius: 16px; `; + const ButtonFlex = styled(Flex)` width: 100%; `; + const Title = styled.header` - text-align: left; font-size: 18px; + text-align: left; `; + const Content = styled.div``; const buttonStyle = css` flex: 1; + + width: 100%; height: 36px; + color: ${({ theme: { color } }) => color.white}; - width: 100%; border-radius: 10px; `; @@ -94,6 +99,7 @@ const CancelButton = styled.button` background-color: ${({ theme: { color } }) => color.secondary}; ${buttonStyle} `; + const ConfirmButton = styled.button` background-color: ${({ theme: { color } }) => color.primary}; ${buttonStyle}