Browse Source

버튼 디자인 변경

whakdo963 2 years ago
parent
commit
07dfb62c8f

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

@@ -68,7 +68,7 @@
68 68
 				</div>
69 69
 			</div>
70 70
 			<div class="button_bar">
71
-				<button id="ITP_BTN_MRTNMNG01010_DETAIL_RTN_ORDER" data-call-popup="ITP_POP_MRTNMNG01010_RTN_AREA" class="col_3 btn-orange REQ">품요청</button>
71
+				<button id="ITP_BTN_MRTNMNG01010_DETAIL_RTN_ORDER" data-call-popup="ITP_POP_MRTNMNG01010_RTN_AREA" class="col_3 btn-orange REQ">품요청</button>
72 72
 				<button id="ITP_BTN_MRTNMNG01010_DETAIL_TEMP_SAVE" data-call-popup="ITP_POP_MRTNMNG01010_RTN_AREA" class="col_3 btn-w-gray TSA">임시저장</button>
73 73
 				<button id="ITP_BTN_MRTNMNG01010_DETAIL_CANCEL" class="col_3 btn-gray CLB">취소</button>
74 74
 			</div>

+ 3 - 3
src/main/webapp/mobile/css/style.css

@@ -146,7 +146,7 @@ button.btn-primary  {color: #fff; background-color: #8f9fc6; border: 1px solid #
146 146
 button.btn-primary:active{background-color: #708cd1;}
147 147
 button.btn-yellow   {color: #fff; background-color: #f9c03c; border: 1px solid #cacfe3;}
148 148
 button.btn-orange	{color: #fff; background-color: #f0831e; border: 1px solid #cacfe3;}
149
-button.btn-orange:active {background-color: #F0BE87;}
149
+button.btn-orange:active {border:3px solid #708cd1; background-color: #fff; color:#B7B8B8;}
150 150
 button.btn-gray     {color: #fff; background-color: #a89d9c; border: 1px solid #cacfe3;}
151 151
 button.btn-danger   {color: #fff; background-color: #c8989d; border: 1px solid #cacfe3;}
152 152
 button.btn-green	{color: #fff; background-color: #5cb85c; border: 1px solid #cacfe3;}
@@ -403,9 +403,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
403 403
 .button_bar {width: 100%; height: 47px; background: #ccc; position: fixed; bottom: 0px; z-index: 10;}
404 404
 .button_bar button.col_3{float: left; height: 47px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: none;}
405 405
 .button_bar button.btn-gray {border-radius: 0px; background-color: #858076; color: #eee;}
406
-.button_bar button.btn-gray:active {background-color: #B3AC9F;}
406
+.button_bar button.btn-gray:active {border:3px solid #858076; background-color: #fff; color:#B7B8B8;}
407 407
 .button_bar button.btn-w-gray{border-radius: 0px; background-color: #b6b8b8; color: #eee;}
408
-.button_bar button.btn-w-gray:active{background-color:#D9DBDB;}
408
+.button_bar button.btn-w-gray:active{border:3px solid #b6b8b8; background-color: #fff; color:#B7B8B8;}
409 409
 
410 410
 .button_bar button.btn {height: 120px;}
411 411
 .button_bar button.btn_col_3 {width: 35%;}