chominsoo4245 / mjon_git star
Forked from hylee / mjon_git
ITN_디자인팀 2024-01-02
2024/1/2 문자온 > 마이페이지 퍼블리싱 수정
@0cda30a5d0cdff281c122dfb37f7cee5caf0c35e
e4ada30
0cda30a
src/main/webapp/WEB-INF/jsp/web/user/mberInfoIndex.jsp
--- src/main/webapp/WEB-INF/jsp/web/user/mberInfoIndex.jsp
+++ src/main/webapp/WEB-INF/jsp/web/user/mberInfoIndex.jsp
@@ -255,13 +255,14 @@
 
 				<div class="my_dashboard_cont1">
 
 					<button type="button" class="level_icon" data-tooltip="level_check_popup01" id="levelIconBtn" style="display: none;">
 
 					</button>
 
-					<div>
 
-						<p>
 
-							<span><c:out value="${mberManageVO.mberNm}"/></span> 회원님 반갑습니다
 
+					<div class="title_wrap">
 
+						<p class="user_text">
 
+							<span class="user_name"><c:out value="${mberManageVO.mberNm}"/></span>
 
+							회원님 반갑습니다
 
 						</p>
 
 						<c:if test="${loginVO.dept eq 'p'}">
 
-							<button type="button" class="btnType" onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button>
 
-						</c:if>
 
+								<button type="button" class="btnType" onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button>
 
+							</c:if>
 
 					</div>
 
 					<div class="send_price">
 
 						<div class="price_title">나의<br />단가</div>
e4ada30
0cda30a
src/main/webapp/publish/css/mem.css
--- src/main/webapp/publish/css/mem.css
+++ src/main/webapp/publish/css/mem.css
@@ -315,11 +315,11 @@
 
 .send_top .send_price li:last-child {margin-right: 0;}
 
 .my_dashboard .event_text{width: 558px; margin: 8px 0 0 auto; text-align: left; font-size: 15px; color: #555;}
 
 .my_dashboard .event_text span{font-size: 15px; font-weight: bold; color: #e40000; padding: 0 0 0 0;} */
 
-.my_dashboard .send_price{display: flex; width: calc(100% - 390px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;}
 
+.my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;}
 
 .my_dashboard .send_price::after{display: none;}
 
 .my_dashboard .send_price .price_title{display: flex; width: 100px; background-color: #eea301; color: #fff; font-size: 20px; font-weight: bold; border-radius: 10px 0 0 10px; align-items: center; justify-content: center; line-height: 1.5;}
 
 .my_dashboard .send_price .price_wrap{width: calc(100% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;}
 
-.my_dashboard .send_price ul{display: flex; width: calc(100% - 20px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 15px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
 
+.my_dashboard .send_price ul{display: flex; width: calc(100% - 0px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 15px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
 
 .my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;}
 
 .my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0}
 
 .my_dashboard .send_price .price_wrap .title{font-size: 16px; color: #222;}
@@ -374,12 +374,17 @@
 
 .my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 15px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
 
 .my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
 
 .my_dashboard_cont1>span>span {font-weight: 500;}
 
+.my_dashboard_cont1 .title_wrap{width:480px;}
 
+.my_dashboard_cont1 .user_text{display:flex;max-width:calc(100% - 115px);align-items:center;flex-wrap:wrap;margin:0 10px 0 0;line-height:1.3;}
 
+.my_dashboard_cont1 .user_name{word-break:break-all;margin:0 5px 0 0;}
 
+.my_dashboard_cont1 .title_wrap .btnType{position:inherit;height:36px;margin:0;}
 
+
 
 
 /* mypage dashboard cont1 등급제 기간 추가 - 기간 지나면 이부분 삭제 */
 
 .my_dashboard .my_dashboard_cont1 {padding: 25px 30px;}
 
 .my_dashboard_cont1>div {display: flex; align-items: center;}
 
 .my_dashboard_cont1 p {font-size: 16px; font-weight: 300;}
 
-.my_dashboard_cont1 p span {font-size: 24px; font-weight: 600; padding-right: 3px; margin-left: -20px;}
 
+.my_dashboard_cont1 p span {font-size: 24px; font-weight: 600; padding-right: 3px; /*margin-left: -20px;*/}
 
 .my_dashboard .my_dashboard_cont1 button {font-size: 17px; height: 45px; padding: 0 8px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 15px; color: #002c9a; background-color: #fff; position: relative; right: 5px; top: 3px;}
 
 .my_dashboard_cont1>span {background-color: #fff; height: 43px; padding: 0 30px; border-radius: 21.5px; align-items: center; display: flex; font-weight: 300;}
 
 .my_dashboard_cont1>span>span {font-weight: 500;}
Add a comment
List