From d7b3fdffcb20aff12a30a5032315fc2858efe7cf Mon Sep 17 00:00:00 2001 From: com02 Date: Fri, 19 Nov 2021 17:15:20 +0900 Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/cart.html | 1 + src/main/webapp/css/media.css | 33 ++++++++++++++++++++++++++++++--- 2 files changed, 31 insertions(+), 3 deletions(-) diff --git a/src/main/webapp/cart.html b/src/main/webapp/cart.html index 62d6a278..1e5b4d52 100644 --- a/src/main/webapp/cart.html +++ b/src/main/webapp/cart.html @@ -12,6 +12,7 @@ + diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 87a0e50b..8189cdd0 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -205,6 +205,7 @@ a.pop-logo img { margin-right: 10px; } .join .inner .row-bottom .join-box .form-group .con, .join .inner .row-bottom .join-box .form-group .con .form-control { width: 100%; box-sizing: border-box; } .join .inner .row-bottom .join-box .form-group .con .cer::placeholder { font-size: 12px !important; } + .join .inner .row-bottom .join-box .form-group .con select {width:32%;margin-left:0;} .join .inner .row-bottom .join-box .Usersex .con { display: flex; } .join .inner .row-bottom .join-box .Usersex .chk { margin-right: 0; width: 50%; } .join .inner .row-bottom .join-box .Userbirth .con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 86px; } @@ -220,7 +221,9 @@ a.pop-logo img { margin-right: 10px; } .join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) { width: 100%; text-indent: -6px; padding-left: 6px; } .join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) { width: 100%; vertical-align: top; margin-left: 0; } .join .inner .row-bottom .join-box .form-group.service .right label { margin-left: 0; } - .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; } + .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; } + .join .inner .row-bottom .join-box .form-group .con span.fail {width:100%;margin-bottom:10px;} + /* 가입 완료 */ .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 26px; } @@ -281,7 +284,7 @@ a.pop-logo img { margin-right: 10px; } .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { display: flex; position: absolute; top: 14px; left: 32px; } .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span { padding: 5px 12px 5px; margin-right: 6px; } .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; } - .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 189px; height: 144px; padding: 0; display: flex; align-items: center; justify-content: center; } + .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 159px; height: 114px; padding: 0; display: flex; align-items: center; justify-content: center;margin-top:80px; } .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img a, .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img img { height: 100%; } .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { width: 100%; position: absolute; text-align: left; bottom: 184px; padding: 0; } @@ -303,6 +306,29 @@ a.pop-logo img { margin-right: 10px; } .cart .inner .tabs_item .btn-box .left { margin-right: 16px; } .cart .inner .tabs_item .btn-box .btn { width: 100%; } +/* +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; position:absolute;left:22px;top:50px;font-size:14px;width:270px;overflow:hideen;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-state {position:static;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-state {} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {position:absolute;top:133px;left:200px;} + +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk {width:auto;line-height:90px;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-data {width:auto;display:none;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-state {width:auto;display:none;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-date {width:auto;display:none;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-loan {width:auto;display:none;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-reser {width:auto;display:none;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-visit {width:auto;display:none;} + +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk {width:auto;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data {width:auto;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-state {width:auto;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {width:auto;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-loan {width:auto;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser {width:auto;} +.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit {width:auto;} +*/ + /* 대출신청/예약확인 */ .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 44px; } .cart-confirm .inner .visit-confirm .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 24px; } @@ -957,7 +983,7 @@ a.pop-logo img { margin-right: 10px; } .pop-change .Title p, .pop-change .Title h3, .pop-find .Title p, - .pop-find .Title h3 { display: none; } + .pop-find .Title h3 { } .pop-change .inner, .pop-find .inner { flex: 1; } .pop-change .inner .row, @@ -972,6 +998,7 @@ a.pop-logo img { margin-right: 10px; } .pop-find .inner .row.btn-box .btn { width: 50%; margin: 0; } .pop-change .inner .row.btn-box .btn:nth-child(1), .pop-find .inner .row.btn-box .btn:nth-child(1) { margin-right: 10px; } + .pop-find .Title h3 {margin-top:5px;} /* 반려사유 팝업 */ .pop-return { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; }