Browse Source

모바일 css 수정

whakdo963 2 years ago
parent
commit
20a7b1fba7

+ 4 - 2
src/main/webapp/mobile/app/mrtnmng/MRTNMNG01010.html

@@ -16,10 +16,12 @@
16
 				</div>
16
 				</div>
17
 				<div class="line">
17
 				<div class="line">
18
 					<label>반품요청금액</label>
18
 					<label>반품요청금액</label>
19
-					<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT" name="colReqDt" class="itp_input date" data-check-required="empty" readonly>
19
+					<div class="line_right">
20
+						<div class="fnRtnReqAmt">0원</div>
21
+					</div>
20
 				</div>
22
 				</div>
21
 				<div class="line">
23
 				<div class="line">
22
-					<label>품장소</label>
24
+					<label>품장소</label>
23
 					<div class="float_left">
25
 					<div class="float_left">
24
 						<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" placeholder="" readonly />
26
 						<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" placeholder="" readonly />
25
 						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
27
 						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />

+ 6 - 9
src/main/webapp/mobile/css/style.css

@@ -343,7 +343,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
343
 .content .line .line_right input.mg0 {margin-right:10px;}
343
 .content .line .line_right input.mg0 {margin-right:10px;}
344
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
344
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
345
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
345
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
346
-.content .line input.date {width: 168px; height: 34px; float: left; text-align:center; font-size:14px;}
346
+.content .line input.date {width: 168px; height: 34px; float: left; text-align:center; font-size:14px; background: url(../img/calender.png) 95%/18px no-repeat white}
347
 .content .line input.full {width: 100%;}
347
 .content .line input.full {width: 100%;}
348
 .content .line div.date_to {display:flex; width:60%; height:27px; float: left; margin-right:0px;}
348
 .content .line div.date_to {display:flex; width:60%; height:27px; float: left; margin-right:0px;}
349
 .content .line div.date_to input {font-weight:100; width:47%; height:27px; font-size:14px; margin:0;}
349
 .content .line div.date_to input {font-weight:100; width:47%; height:27px; font-size:14px; margin:0;}
@@ -363,7 +363,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
363
 .content .list_line .mail select {width:30%; height:27px; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
363
 .content .list_line .mail select {width:30%; height:27px; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
364
 .content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
364
 .content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
365
 .content .table_header {margin-top: 6px; width: 100%; height: 36px;}
365
 .content .table_header {margin-top: 6px; width: 100%; height: 36px;}
366
-.content .table_header h1 {margin-left: 20px; margin-top:16px; font-size: 13px; float: left; color: #000; font-weight: 100;}
366
+.content .table_header h1 {margin-left: 15px; margin-top:16px; font-size: 13px; float: left; color: #000; font-weight: 100;}
367
 .content .table_header button {float: right; width: 68px; height:26px; font-size: 12px; font-weight: 100; padding:0px; margin: 4px 12px 6px 0; border-radius:15px;}
367
 .content .table_header button {float: right; width: 68px; height:26px; font-size: 12px; font-weight: 100; padding:0px; margin: 4px 12px 6px 0; border-radius:15px;}
368
 
368
 
369
 .detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
369
 .detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
@@ -536,20 +536,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
536
 #ITP_FOOTER .itp_modal .itp_form .itp_mip {padding: 8px 5px 4px 12px; height:42px; text-align: left; font-size: 16px; border:1px solid #ccc;}
536
 #ITP_FOOTER .itp_modal .itp_form .itp_mip {padding: 8px 5px 4px 12px; height:42px; text-align: left; font-size: 16px; border:1px solid #ccc;}
537
 
537
 
538
 @media screen and (min-width: 550px) {
538
 @media screen and (min-width: 550px) {
539
-	
540
-	.content .line input.date {width: 70%;}
541
-	.content .line input.full {width: 100%;}
542
-	
543
 	.content .line .line_right {width:80%}
539
 	.content .line .line_right {width:80%}
544
-	.content .line .float_left .itp_input_btn {width:70%;}
545
-	.content .line .float_left {width:70%;}
546
-	.content .line div.date_to {width:70%;}
547
 	.content .line div.date_to input {width:47%}
540
 	.content .line div.date_to input {width:47%}
548
 	.content .line .float_left.name {width:76%;}
541
 	.content .line .float_left.name {width:76%;}
549
 	.modal-dialog {margin:auto 20% !important;}
542
 	.modal-dialog {margin:auto 20% !important;}
550
 	.scroll_area li .left_info .thick {width: 90%;}
543
 	.scroll_area li .left_info .thick {width: 90%;}
551
 	.content .line .search_wrap input {width:78%;}
544
 	.content .line .search_wrap input {width:78%;}
552
 	.content .line .search_wrap select {width:78%;}	
545
 	.content .line .search_wrap select {width:78%;}	
546
+	
547
+}
548
+@media screen and (min-width: 650px) {
549
+	.content .line {margin:-6px 140px; }
553
 }
550
 }
554
 @media screen and (max-width: 380px) {
551
 @media screen and (max-width: 380px) {
555
 	section .popup2 .barcode_area {width: 250px; height: 250px;}
552
 	section .popup2 .barcode_area {width: 250px; height: 250px;}