ITN_디자인팀 2024-01-09
2024/01/09 문자온 > 마이페이지 > 나의단가 > 깨짐현상 수정
@d22035dc856370717877e531046586a7f7dbbab8
src/main/webapp/publish/css/content.css
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
@@ -477,11 +477,11 @@
 .send_top .top_content {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
 .send_top .send_price {display: inline-block;position: relative;margin-left:50px;vertical-align: middle;line-height: 25px;height: 27.5px;}
 .send_top .send_price::after {content: "";position: absolute;background-color: #002c9a;width: 3px;height: 20px;border-radius: 2px; top: 50%;transform: translateY(-50%);left: -30px;}
-.send_top .send_price li {display: inline-block;color: #555;padding-right: 12px;margin-right: 6px;position: relative; font-size: 15px; letter-spacing: -0.5px;}
+.send_top .send_price li {display: inline-block;color: #555;padding-right: 7px;margin-right: 5px;position: relative; font-size: 15px; letter-spacing: -0.5px;}
 .send_top .heading .send_price li:first-child {margin-right:28px;}
 .send_top .send_price .price_line::after {content: "/";position: absolute;top: 50%;transform: translateY(-50%);right: 0;color: #ababab;font-size: 14px;}
 .send_top .send_price li .type {border: 1px solid #46484a;border-radius: 3px;margin-right: 8px; color: #46484a;padding: 0 4px;}
-.send_top .send_price li .price {color: #e40000;font-size: 18px;font-weight: 700;}
+.send_top .send_price li .price {color: #e40000;font-size: 16px;font-weight: 700;}
 .send_top .send_general {width: 100%;display: flex;display: -ms-flexbox; justify-content: space-between; position: relative;}
 /* left area 내용 입력 */
 .send_top .send_left {max-width: 870px;flex-basis: 68%;}
src/main/webapp/publish/css/mem.css
--- src/main/webapp/publish/css/mem.css
+++ src/main/webapp/publish/css/mem.css
@@ -317,8 +317,8 @@
 .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% - 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 .price_title{display: flex; width: 100px; background-color: #eea301; color: #fff; font-size: 18px; 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(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;}
 .my_dashboard .send_price ul{display: flex; width: calc(100% - 0px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 10px 14px; 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}
@@ -673,8 +673,8 @@
 /* 마이페이지 */
 /*등급제 아이콘 추가*/
 @media only screen and (max-width:1540px){
-	.my_dashboard .send_price{width: calc(100% - 486px);}
-	.my_dashboard .send_price .price_wrap{width: calc(100% - 73px);}
+	.my_dashboard .send_price{width: calc(102% - 486px);}
+	.my_dashboard .send_price .price_wrap{width: calc(105% - 73px);}
 	.my_dashboard .send_price .price_title{width: 65px;}
 	.send_top .send_price li{margin-right: 2px; padding-right:6px;}
 	.my_dashboard>.my_dashboard_cont1, .my_dashboard>.my_dashboard_cont3{flex-wrap: nowrap;}
@@ -698,9 +698,10 @@
     .my_dashboard .my_dashboard_cont1 button {font-size: 16px; padding: 0 8px; margin: 0 0 0 13px; color: #002c9a;}
     .my_dashboard_cont1 .level_icon{margin: 0 22px 0 0;}
     .my_dashboard .send_price{margin: 0 -24px 0 0;}
-    .my_dashboard .send_price .price_wrap{width: calc(100% - 88px);}
+    .my_dashboard .send_price .price_wrap{width: calc(104% - 88px);}
     .my_dashboard .title_wrap .btnType{margin: 0 10px 0 0;}
 	/*.my_dashboard .send_price .price_title{width: 75px;}*/
+	.my_dashboard .send_price .price_title{width: 50px; font-size: 16px; line-height: 1.4:}
 }
 
 @media only screen and (max-width:1380px){
@@ -710,9 +711,8 @@
 @media only screen and (max-width:1300px){
     /* join3 */
     .mem_cont.join3 .text_middle>div {font-size: 16px;}
-    .my_dashboard .send_price .price_wrap{width:calc(100% - 80px);}
-    .my_dashboard .send_price .price_title{width: 60px; font-size:18px; line-height:1.4;}
-    .my_dashboard .send_price{width: calc(100% - 375px);}
+    .my_dashboard .send_price .price_wrap{width:calc(101% - 72px);}
+    .my_dashboard .send_price{width: calc(102% - 320px);}
 }
 @media only screen and (max-width:1280px{
 	.my_dashboard .send_price ul{padding: 10px 10px;}
Add a comment
List