From 955f352b1f601047aba2e13f1ae1e6cb3790ba08 Mon Sep 17 00:00:00 2001 From: HaJunRyu Date: Mon, 29 Jan 2024 21:07:55 +0900 Subject: [PATCH] =?UTF-8?q?Fix:=20safari=20=ED=99=98=EA=B2=BD=EC=97=90?= =?UTF-8?q?=EC=84=9C=20dialog=20hover=EC=8B=9C=20ui=EA=B0=80=20=EB=AC=B4?= =?UTF-8?q?=EB=84=88=EC=A7=80=EB=8A=94=20=EB=B2=84=EA=B7=B8=EC=97=90=20?= =?UTF-8?q?=EB=8C=80=EC=9D=91=ED=95=9C=EB=8B=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ConfirmAcceptModalDialog/ConfirmAcceptModalDialog.styled.ts | 2 ++ .../ConfirmRejectModalDialog/ConfirmRejectModalDialog.styled.ts | 2 ++ .../common/AlertModalDialog/AlertModalDialog.styled.ts | 1 + .../common/ConfirmModalDialog/ConfirmModalDialog.styled.ts | 2 ++ .../common/InAppSignInDialog/InAppSignInDialog.styled.ts | 2 ++ 5 files changed, 9 insertions(+) diff --git a/src/components/applyStatus/ConfirmAcceptModalDialog/ConfirmAcceptModalDialog.styled.ts b/src/components/applyStatus/ConfirmAcceptModalDialog/ConfirmAcceptModalDialog.styled.ts index 8480182d..80bdd221 100644 --- a/src/components/applyStatus/ConfirmAcceptModalDialog/ConfirmAcceptModalDialog.styled.ts +++ b/src/components/applyStatus/ConfirmAcceptModalDialog/ConfirmAcceptModalDialog.styled.ts @@ -153,6 +153,7 @@ export const CancelButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; padding: 1.3rem 2rem; color: ${theme.colors.gray80}; white-space: nowrap; @@ -196,6 +197,7 @@ export const ApprovalButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; margin-left: 1.2rem; padding: 1.3rem 2rem; color: ${theme.colors.white}; diff --git a/src/components/applyStatus/ConfirmRejectModalDialog/ConfirmRejectModalDialog.styled.ts b/src/components/applyStatus/ConfirmRejectModalDialog/ConfirmRejectModalDialog.styled.ts index b972ecbb..34e2b144 100644 --- a/src/components/applyStatus/ConfirmRejectModalDialog/ConfirmRejectModalDialog.styled.ts +++ b/src/components/applyStatus/ConfirmRejectModalDialog/ConfirmRejectModalDialog.styled.ts @@ -122,6 +122,7 @@ export const CancelButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; padding: 1.3rem 2rem; color: ${theme.colors.gray80}; letter-spacing: -0.08rem; @@ -166,6 +167,7 @@ export const ApprovalButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; margin-left: 1.2rem; padding: 1.3rem 2rem; color: ${theme.colors.white}; diff --git a/src/components/common/AlertModalDialog/AlertModalDialog.styled.ts b/src/components/common/AlertModalDialog/AlertModalDialog.styled.ts index 39ac2c48..63448ac9 100644 --- a/src/components/common/AlertModalDialog/AlertModalDialog.styled.ts +++ b/src/components/common/AlertModalDialog/AlertModalDialog.styled.ts @@ -71,6 +71,7 @@ export const ApprovalButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; margin-left: 1.2rem; padding: 1.3rem 2rem; color: ${theme.colors.white}; diff --git a/src/components/common/ConfirmModalDialog/ConfirmModalDialog.styled.ts b/src/components/common/ConfirmModalDialog/ConfirmModalDialog.styled.ts index 1a8cdf20..ab1f930a 100644 --- a/src/components/common/ConfirmModalDialog/ConfirmModalDialog.styled.ts +++ b/src/components/common/ConfirmModalDialog/ConfirmModalDialog.styled.ts @@ -68,6 +68,7 @@ export const CancelButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; padding: 1.3rem 2rem; color: ${theme.colors.gray80}; letter-spacing: -0.08rem; @@ -113,6 +114,7 @@ export const ApprovalButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; margin-left: 1.2rem; padding: 1.3rem 2rem; color: ${theme.colors.white}; diff --git a/src/components/common/InAppSignInDialog/InAppSignInDialog.styled.ts b/src/components/common/InAppSignInDialog/InAppSignInDialog.styled.ts index 6201acf1..01df9e0b 100644 --- a/src/components/common/InAppSignInDialog/InAppSignInDialog.styled.ts +++ b/src/components/common/InAppSignInDialog/InAppSignInDialog.styled.ts @@ -70,6 +70,7 @@ export const LinkCopyButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; padding: 1.3rem 2rem; color: ${theme.colors.gray80}; letter-spacing: -0.08rem; @@ -115,6 +116,7 @@ export const CloseButton = styled.button` ${({ theme }) => css` ${theme.fonts.kr.medium16}; position: relative; + display: flex; margin-left: 1.2rem; padding: 1.3rem 2rem; color: ${theme.colors.white};