달력/리스트 반응형 수정 및 탈퇴하기삭제 (#263)

prgrms-fe-devcourse · Nov 7, 2024 · 265b9ac · 265b9ac
1 parent 07b1876
commit 265b9ac
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/features/calendar/calendar-ui/calendarUiCss.ts b/src/features/calendar/calendar-ui/calendarUiCss.ts
@@ -57,6 +57,11 @@ export const StyledCalendar = styled(Calendar).attrs({
             background-color: rgba(0, 0, 0, 0.05);
             cursor: pointer;
         }
+
+        @media (max-width: 550px) {
+            border: none !important;
+            height: 50px;
+        }
     }
 
     //10년박스
@@ -166,4 +171,8 @@ export const DateInnerContent = styled.div<DateInnerContentProps>`
     background-size: contain;
     background-repeat: no-repeat;
     align-self: flex-end;
+
+    @media (max-width: 550px) {
+        display: none;
+    }
 `;
diff --git a/src/features/diary-list-item/diary-list-item-ui/content-box/ContentBoxCss.ts b/src/features/diary-list-item/diary-list-item-ui/content-box/ContentBoxCss.ts
@@ -46,6 +46,10 @@ export const Time = styled.div`
 
 export const Reaction = styled.div`
     width: 80%;
+
+    @media (max-width: 960px) {
+        display: none;
+    }
 `;
 
 export const Emotion = styled.div<{ imgPath: string | null }>`

diff --git a/src/widgets/Mypage/Mypage.tsx b/src/widgets/Mypage/Mypage.tsx
@@ -113,7 +113,6 @@ const Mypage = () => {
                 </Button>
             </ButtonStyled>
             <Margin bottom={28} />
-            <Span isCenter>탈퇴하기</Span>
         </MypageStyled>
     );
 };