From dd6d6df6dc92bc2f15aaf95e809bf4df05844ea6 Mon Sep 17 00:00:00 2001 From: "songhj10207@naver.com" Date: Tue, 3 Dec 2024 15:44:27 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=B0=98=EC=9D=91=ED=98=95=20?= =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/store/StoreCard.jsx | 13 ++++++++++++- src/document/PrivacyConsent.jsx | 2 +- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/src/components/common/store/StoreCard.jsx b/src/components/common/store/StoreCard.jsx index 33a900b..6cad62c 100644 --- a/src/components/common/store/StoreCard.jsx +++ b/src/components/common/store/StoreCard.jsx @@ -110,6 +110,7 @@ const ImageContainer = styled.div` flex-shrink: 0; border-radius: 10px; display: flex; + @media screen and (max-width: 500px) { width: 100px; height: 100px; @@ -128,6 +129,10 @@ const ContentsBox = styled.div` display: flex; flex-direction: column; gap: 10px; + + @media screen and (max-width: 500px) { + gap: 5px; + } `; const LocationBox = styled.div` @@ -146,8 +151,14 @@ const LocationBox = styled.div` font-size: 14px; @media screen and (max-width: 500px) { + & > svg { + color: ${DarkGrey}; + width: 12px; + height: 12px; + } + font-size: 12px; - margin-top: 0px; + margin-top: 10px; } `; diff --git a/src/document/PrivacyConsent.jsx b/src/document/PrivacyConsent.jsx index 30d7249..3a35e70 100644 --- a/src/document/PrivacyConsent.jsx +++ b/src/document/PrivacyConsent.jsx @@ -52,7 +52,7 @@ export default PrivacyConsent; const PrivacyConsentLayout = styled.div` width: 100%; - height: 100vh; + height: 100%; background-color: #f0f0f3; display: flex; flex-direction: column;