Merge pull request #85 from oodd-team/feat/OD-134

[OD-134] myPage UI 수정

Author: gustn99

src/pages/MyPage/ButtonSecondary/index.tsx

@@ -8,7 +8,7 @@ const ButtonSecondary: React.FC = () => {
 	const navigate = useNavigate();
 
 	const handleClick = () => {
-		navigate('/profile/edit'); // 경로 수정했음
+		navigate('/profile/edit'); 
 	};
 
 	return (

src/pages/MyPage/ButtonSecondary/styles.tsx

@@ -2,15 +2,14 @@ import styled from 'styled-components';
 
 export const Button = styled.button`
 	width: 100%;
-	padding: 6px;
 	margin: 1.25rem auto;
-	height: 3.1rem; /* 44px */
+	height: 3.1rem; 
 	text-align: center;
 	color: #ff2389;
 	cursor: pointer;
 	box-sizing: border-box;
 	border: 1px solid;
 	border-radius: 10px;
 	border-color: #ff2389;
-	padding: 10px; /* 텍스트가 보더와 겹치지 않게 패딩 설정 */
+	padding: 10px;
 `;

src/pages/MyPage/index.tsx

@@ -9,6 +9,7 @@ import {
     StatLabel,
     PostsContainer,
     AddButton,
+    NoPostWrapper,
 } from "./styles";
 import { OODDFrame } from '../../components/Frame/Frame';
 import NavbarProfile from '../../components/NavbarProfile';
@@ -25,6 +26,7 @@ import button_plus from '../../assets/default/plus.svg';
 import insta from '../../assets/default/insta.svg';
 import photo from '../../assets/default/photo.svg';
 import UserProfile from '../../components/UserProfile';
+import { StyledText } from '../../components/Text/StyledText';
 
 import { getUserPostListApi } from "../../apis/post";
 import { UserPostSummary } from "../../apis/post/dto";
@@ -161,7 +163,12 @@ const MyPage: React.FC = () => {
                             .sort((a, b) => Number(b.isRepresentative) - Number(a.isRepresentative))
                             .map((post) => <PostItem key={post.postId} post={post} />)
                     ) : (
-                        <p>게시물이 없습니다.</p>
+                <NoPostWrapper>
+                      <StyledText $textTheme={{ style: 'headline1-medium' }} color="#8e8e93">
+						게시물이 없어요.
+					</StyledText>
+                </NoPostWrapper>
+                  
                     )}
                 </PostsContainer>
                 <NavBar />

src/pages/MyPage/styles.tsx

@@ -74,3 +74,12 @@ export const AddButton = styled.button`
 	border-radius: 50%;
 	z-index: 2;
 `;
+
+export const NoPostWrapper = styled.div`
+	width: 100%;
+	height: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: 80px;
+`;