somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

모바일 수정

Browse Source
This commit is contained in:
com02 2021-11-19 17:15:20 +09:00
parent c04a49ea18
commit d7b3fdffcb
2 changed files with 31 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/webapp/cart.html
View File

@ -12,6 +12,7 @@
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet"> <link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
<link href="/css/swiper.min.css" rel="stylesheet"> <link href="/css/swiper.min.css" rel="stylesheet">
<link href="/css/default.css" rel="stylesheet"> <link href="/css/default.css" rel="stylesheet">
<link href="/css/media.css" rel="stylesheet">
<script src="/js/jquery-1.11.2.min.js"></script> <script src="/js/jquery-1.11.2.min.js"></script>
<script src="/js/jquery.mCustomScrollbar.js"></script> <script src="/js/jquery.mCustomScrollbar.js"></script>

31
src/main/webapp/css/media.css
View File

@ -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,
.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 .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 .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 .con { display: flex; }
.join .inner .row-bottom .join-box .Usersex .chk { margin-right: 0; width: 50%; } .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; } .join .inner .row-bottom .join-box .Userbirth .con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 86px; }
@ -221,6 +222,8 @@ a.pop-logo img { margin-right: 10px; }
.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 .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 .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; } .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 { 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.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.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 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 > 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; } .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 .left { margin-right: 16px; }
.cart .inner .tabs_item .btn-box .btn { width: 100%; } .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 .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; } .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 p,
.pop-change .Title h3, .pop-change .Title h3,
.pop-find .Title p, .pop-find .Title p,
.pop-find .Title h3 { display: none; } .pop-find .Title h3 { }
.pop-change .inner, .pop-change .inner,
.pop-find .inner { flex: 1; } .pop-find .inner { flex: 1; }
.pop-change .inner .row, .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-find .inner .row.btn-box .btn { width: 50%; margin: 0; }
.pop-change .inner .row.btn-box .btn:nth-child(1), .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 .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; } .pop-return { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; }