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