refactor: 반응형 레이아웃 수정

delicious-algorithme · Dec 3, 2024 · dd6d6df · dd6d6df
1 parent 84a3540
commit dd6d6df
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git 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
@@ -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;