From 83048724c9bd9a52f9d6a496b9a551298cb774bf Mon Sep 17 00:00:00 2001
From: pjookim <pjookim@naver.com>
Date: Sat, 7 Dec 2024 02:06:59 +0900
Subject: [PATCH] refactor: update styles in MyPage layout

---
 src/components/MyTrip.js           | 4 ++--
 src/components/NewTrip.js          | 4 ++--
 src/pages/MyPage.js                | 2 +-
 src/styles/MyPage.css              | 8 ++++++--
 src/styles/MyTripCollaborators.css | 3 +--
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/MyTrip.js b/src/components/MyTrip.js
index e1abd2c..5427728 100644
--- a/src/components/MyTrip.js
+++ b/src/components/MyTrip.js
@@ -145,10 +145,10 @@ const MyTrip = ({ trips, onPlaceSelect, onAddPlace, onDirectionSelect, onTripSel
                             {openMenuId === trip._id && (
                                 <div className="menu-dropdown">
                                     <button onClick={(e) => handleDeleteClick(e, trip._id)}>
-                                        삭제
+                                        여행 삭제
                                     </button>
                                     <button onClick={(e) => handleEditClick(e, trip._id, trip.name)}>
-                                        이름 수정
+                                        여행 이름 수정
                                     </button>
                                 </div>
                             )}
diff --git a/src/components/NewTrip.js b/src/components/NewTrip.js
index 4b0cdf9..3db868d 100644
--- a/src/components/NewTrip.js
+++ b/src/components/NewTrip.js
@@ -120,7 +120,7 @@ const NewTrip = ({ onClose, onTripCreate }) => {
                     <div className="location-search" ref={searchRef}>
                         <input
                             type="text"
-                            placeholder="지역을 검색하세요 (예: 서울특별시 강남구)"
+                            placeholder="지도에서 선택하거나 지역을 검색하세요"
                             value={searchKeyword}
                             onChange={(e) => handleSearch(e.target.value)}
                             className="location-search-input"
@@ -162,7 +162,7 @@ const NewTrip = ({ onClose, onTripCreate }) => {
                 <div className="date-selection">
                     <input
                         type="text"
-                        placeholder="여행 이름을 작성해주세요."
+                        placeholder="여행 이름을 작성해주세요 (선택)"
                         value={tripName}
                         onChange={(e) => setTripName(e.target.value)}
                         className="trip-name-input"
diff --git a/src/pages/MyPage.js b/src/pages/MyPage.js
index e07b1f1..36bef57 100644
--- a/src/pages/MyPage.js
+++ b/src/pages/MyPage.js
@@ -112,8 +112,8 @@ const MyPage = () => {
       <div className="mypage-container">
         <div className="mypage-sidebar">
           <div className="profile-summary">
-            <button className="profile-button" onClick={() => console.log(user)}></button>
             <div className="profile-image">
+              ✈️
             </div>
             {isEditingName ? (
               <div className="name-edit">
diff --git a/src/styles/MyPage.css b/src/styles/MyPage.css
index c4eec19..458fcdb 100644
--- a/src/styles/MyPage.css
+++ b/src/styles/MyPage.css
@@ -39,8 +39,12 @@
     width: 100px;
     height: 100px;
     border-radius: 50%;
-    background-color: #ddd;
-    margin: 0 auto 15px;
+    background-color: var(--primary-light-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 3rem;
+    margin: 0 auto 1rem;
 }
 
 .profile-summary h3 {
diff --git a/src/styles/MyTripCollaborators.css b/src/styles/MyTripCollaborators.css
index b0829b5..d7fee09 100644
--- a/src/styles/MyTripCollaborators.css
+++ b/src/styles/MyTripCollaborators.css
@@ -1,9 +1,8 @@
 .collaborators-container {
     background-color: #fff;
-    border-radius: 8px;
     padding: 15px;
     margin-bottom: 15px;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    border-bottom: 1px solid #ddd;
 }
 
 .collaborators-header {
-- 
GitLab