From 943105857cdc1cb2e65e187c72077b279e1986e0 Mon Sep 17 00:00:00 2001 From: Lee-Dongwook Date: Sun, 24 Sep 2023 21:26:59 +0900 Subject: [PATCH 1/3] =?UTF-8?q?design(mypage)=20UI=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/components/MyPage/MyPage.css | 43 ++++++++++++------------- client/src/components/MyPage/MyPage.js | 6 +++- 2 files changed, 26 insertions(+), 23 deletions(-) diff --git a/client/src/components/MyPage/MyPage.css b/client/src/components/MyPage/MyPage.css index 9c2f2e4a..672d79f7 100644 --- a/client/src/components/MyPage/MyPage.css +++ b/client/src/components/MyPage/MyPage.css @@ -5,14 +5,26 @@ padding: 20px; position: sticky; top: 100px; - background-color: #ffffff; + background-color: white; } -@media screen and (max-width: 600px) { - .container { - position: static; - margin-left: 0; - margin-right: 0; +@media (max-width: 1920px) { + .table_n{ + margin-top: 5%; + margin-left: 10%; + } + .profilecard { + width: 750px; + height: 600px; + border: 1px solid black; + border-radius: 5px; + padding: 20px; + background-color: white; + } + .Accompany{ + background-color: azure; + height: 300px; + overflow-y: auto; } } @@ -32,26 +44,13 @@ width: 100%; } -.profilecard { - width: 750px; - height: 600px; - border: 1px solid #ccc; - border-radius: 5px; - padding: 20px; - background-color: #f9f9f9; -} - -.content { - margin-right: 100%; -} - .menu-card { width: 300px; - border: 1px solid #ccc; + border: 1px solid black; border-radius: 5px; padding: 20px; margin-left: 10%; - background-color: #f9f9f9; + background-color: white; } .button-group { @@ -67,7 +66,7 @@ .buttonstyle { width: 260px; height: 50px; - background-color: #ffffff; + background-color: skyblue; border: none; border-radius: 5px; font-size: 16px; diff --git a/client/src/components/MyPage/MyPage.js b/client/src/components/MyPage/MyPage.js index df2a2f1d..ed5ba26b 100644 --- a/client/src/components/MyPage/MyPage.js +++ b/client/src/components/MyPage/MyPage.js @@ -475,7 +475,10 @@ function MyPage() {
이메일 : {email}
선호태그 : {ranklist}

-

평점 : NaN점

+

동행 신청 현황

+
+ +
); }; @@ -821,6 +824,7 @@ function MyPage() { +