2024/01/09 문자온 > 마이페이지 > 나의단가 > 깨짐현상 수정
@d22035dc856370717877e531046586a7f7dbbab8
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -477,11 +477,11 @@ |
| 477 | 477 |
.send_top .top_content {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
|
| 478 | 478 |
.send_top .send_price {display: inline-block;position: relative;margin-left:50px;vertical-align: middle;line-height: 25px;height: 27.5px;}
|
| 479 | 479 |
.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;}
|
| 480 |
-.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;}
|
|
| 480 |
+.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;}
|
|
| 481 | 481 |
.send_top .heading .send_price li:first-child {margin-right:28px;}
|
| 482 | 482 |
.send_top .send_price .price_line::after {content: "/";position: absolute;top: 50%;transform: translateY(-50%);right: 0;color: #ababab;font-size: 14px;}
|
| 483 | 483 |
.send_top .send_price li .type {border: 1px solid #46484a;border-radius: 3px;margin-right: 8px; color: #46484a;padding: 0 4px;}
|
| 484 |
-.send_top .send_price li .price {color: #e40000;font-size: 18px;font-weight: 700;}
|
|
| 484 |
+.send_top .send_price li .price {color: #e40000;font-size: 16px;font-weight: 700;}
|
|
| 485 | 485 |
.send_top .send_general {width: 100%;display: flex;display: -ms-flexbox; justify-content: space-between; position: relative;}
|
| 486 | 486 |
/* left area 내용 입력 */ |
| 487 | 487 |
.send_top .send_left {max-width: 870px;flex-basis: 68%;}
|
--- src/main/webapp/publish/css/mem.css
+++ src/main/webapp/publish/css/mem.css
... | ... | @@ -317,8 +317,8 @@ |
| 317 | 317 |
.my_dashboard .event_text span{font-size: 15px; font-weight: bold; color: #e40000; padding: 0 0 0 0;} */
|
| 318 | 318 |
.my_dashboard .send_price{display: flex;width: calc(100% - 490px); height: 80%; margin: 0 0 0 0; line-height: 1; align-items: stretch;}
|
| 319 | 319 |
.my_dashboard .send_price::after{display: none;}
|
| 320 |
-.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;}
|
|
| 321 |
-.my_dashboard .send_price .price_wrap{width: calc(100% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;}
|
|
| 320 |
+.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;}
|
|
| 321 |
+.my_dashboard .send_price .price_wrap{width: calc(135% - 100px); background-color: #fff; border-radius: 0 10px 10px 0;}
|
|
| 322 | 322 |
.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;}
|
| 323 | 323 |
.my_dashboard .send_price ul:last-child{border: 0; align-items: flex-start;}
|
| 324 | 324 |
.my_dashboard .send_price ul:first-child li:last-child{margin: 0; padding: 0}
|
... | ... | @@ -673,8 +673,8 @@ |
| 673 | 673 |
/* 마이페이지 */ |
| 674 | 674 |
/*등급제 아이콘 추가*/ |
| 675 | 675 |
@media only screen and (max-width:1540px){
|
| 676 |
- .my_dashboard .send_price{width: calc(100% - 486px);}
|
|
| 677 |
- .my_dashboard .send_price .price_wrap{width: calc(100% - 73px);}
|
|
| 676 |
+ .my_dashboard .send_price{width: calc(102% - 486px);}
|
|
| 677 |
+ .my_dashboard .send_price .price_wrap{width: calc(105% - 73px);}
|
|
| 678 | 678 |
.my_dashboard .send_price .price_title{width: 65px;}
|
| 679 | 679 |
.send_top .send_price li{margin-right: 2px; padding-right:6px;}
|
| 680 | 680 |
.my_dashboard>.my_dashboard_cont1, .my_dashboard>.my_dashboard_cont3{flex-wrap: nowrap;}
|
... | ... | @@ -698,9 +698,10 @@ |
| 698 | 698 |
.my_dashboard .my_dashboard_cont1 button {font-size: 16px; padding: 0 8px; margin: 0 0 0 13px; color: #002c9a;}
|
| 699 | 699 |
.my_dashboard_cont1 .level_icon{margin: 0 22px 0 0;}
|
| 700 | 700 |
.my_dashboard .send_price{margin: 0 -24px 0 0;}
|
| 701 |
- .my_dashboard .send_price .price_wrap{width: calc(100% - 88px);}
|
|
| 701 |
+ .my_dashboard .send_price .price_wrap{width: calc(104% - 88px);}
|
|
| 702 | 702 |
.my_dashboard .title_wrap .btnType{margin: 0 10px 0 0;}
|
| 703 | 703 |
/*.my_dashboard .send_price .price_title{width: 75px;}*/
|
| 704 |
+ .my_dashboard .send_price .price_title{width: 50px; font-size: 16px; line-height: 1.4:}
|
|
| 704 | 705 |
} |
| 705 | 706 |
|
| 706 | 707 |
@media only screen and (max-width:1380px){
|
... | ... | @@ -710,9 +711,8 @@ |
| 710 | 711 |
@media only screen and (max-width:1300px){
|
| 711 | 712 |
/* join3 */ |
| 712 | 713 |
.mem_cont.join3 .text_middle>div {font-size: 16px;}
|
| 713 |
- .my_dashboard .send_price .price_wrap{width:calc(100% - 80px);}
|
|
| 714 |
- .my_dashboard .send_price .price_title{width: 60px; font-size:18px; line-height:1.4;}
|
|
| 715 |
- .my_dashboard .send_price{width: calc(100% - 375px);}
|
|
| 714 |
+ .my_dashboard .send_price .price_wrap{width:calc(101% - 72px);}
|
|
| 715 |
+ .my_dashboard .send_price{width: calc(102% - 320px);}
|
|
| 716 | 716 |
} |
| 717 | 717 |
@media only screen and (max-width:1280px{
|
| 718 | 718 |
.my_dashboard .send_price ul{padding: 10px 10px;}
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?