Merge pull request #268 from mash-up-kr/fix/dialog-hover

Fix: safari 환경에서 dialog hover시 ui가 무너지는 버그에 대응한다
mash-up-kr · Jan 29, 2024 · 75d9431 · 75d9431
2 parents 7d7987f + 955f352
commit 75d9431
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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};