hotfix: QA 적용 (#1679)

* feat: scroll error fix * fix: 카드 margin 해결 * feat: MO Tagsection Width 지정 * feat: MO Tagsection 수정 * fix: final hotfix QA
sopt-makers · Nov 7, 2024 · 82a5ee8 · 82a5ee8
1 parent f8ac3fe
commit 82a5ee8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx
@@ -407,6 +407,9 @@ const SoptTagSection = styled.div`
   div {
     white-space: nowrap;
   }
+  @media ${MB_BIG_MEDIA_QUERY}{
+    width:206px;
+  }
 `;
 
 const BlurInfo = styled.div`

diff --git a/src/components/coffeechat/CoffeeChatCategory/index.tsx b/src/components/coffeechat/CoffeeChatCategory/index.tsx
@@ -554,12 +554,15 @@ const StyledSearchField = styled(SearchField)`
     width: 424px;
   }
   @media ${MB_BIG_MEDIA_QUERY} {
+    display: flex;
+    justify-content: center;
     padding-right: 20px;
     padding-left: 20px;
     width: 100%;
 
     button {
-      right: 15px;
+      display: flex;
+      align-items: center;
     }
   }
   @media ${MB_MID_MEDIA_QUERY} {

diff --git a/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx b/src/components/coffeechat/CoffeeChatModal/CoffeeChatModal.tsx
@@ -210,10 +210,12 @@ const StyledModal = styled(Modal)`
     max-height: 100dvh;
   }
   @media ${MB_BIG_MEDIA_QUERY} {
-    margin-top: 114px;
+    top:60px;
+    padding-top:16px;
     width: 100vw;
     height: auto;
-    overflow-y: auto;
+    min-height:100dvh;
+    overflow-y: scroll;
   }
 
 `;
@@ -285,6 +287,10 @@ const StyledButton = styled.button<{ isDisabled: boolean }>`
   &:active {
     background-color: ${colors.gray100};
   }
+
+  @media ${MB_BIG_MEDIA_QUERY}{
+    margin-bottom:40px;
+  }
 `;
 const InputWrapper = styled.div`
   width: 100%;