tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/01/09 문자온 > 마이페이지 > 나의단가 > 깨짐현상 수정

Browse Source
This commit is contained in:
ITN_디자인팀 2024-01-09 14:53:05 +09:00
parent 62ff33d8a9
commit d22035dc85
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/webapp/publish/css/content.css
View File

@ -477,11 +477,11 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email
.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%;}

16
src/main/webapp/publish/css/mem.css
View File

@ -317,8 +317,8 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
.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 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
/* 마이페이지 */
/*등급제 아이콘 추가*/
@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 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
.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 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
@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;}