로그인 화면 크기조정

src/main/webapp/css/style.css

@@ -89,18 +89,18 @@ a, button {outline:none !important; text-decoration:none !important;}
 
 /* ITP_LOGIN */
 #ITP_LOGIN {width:100%; height:100%; font-family: 'GmarketSansMedium'}
-#ITP_LOGIN .itp_head {margin:0 5%; letter-spacing:-3px; width:90%; height:40px; margin-bottom:50px; padding-left:16px;}
+#ITP_LOGIN .itp_head {margin:0 5%; letter-spacing:-3px; width:90%; height:40px; margin-bottom:35px; padding-left:16px;}
 #ITP_LOGIN .itp_bar {width:4px; height:26px; padding:0; float:left; margin:8px 7px 0 7px; font-size:27px; font-weight:100; background:#ccc;}
-#ITP_LOGIN .itp_logo {margin:0; padding:0; color:#000; font-size:32px; float:left; font-weight:700;}
-#ITP_LOGIN .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:24px;}
+#ITP_LOGIN .itp_logo {margin:0; padding:0; color:#000; font-size:28px; float:left; font-weight:700;}
+#ITP_LOGIN .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:21px;}
 #ITP_LOGIN .itp_cont {width:100%; min-height:calc(100vh - 115px); padding:170px 20px 150px 20px; position:relative;}
-#ITP_LOGIN .itp_box_wrap {width:400px; height:600px; position:absolute; top:55%; left:50%; transform: translate(-50%, -50%);}
+#ITP_LOGIN .itp_box_wrap {width:350px; height:600px; position:absolute; top:55%; left:50%; transform: translate(-50%, -50%);}
 #ITP_LOGIN .itp_bottom_gray {background:#eee; width:100%; height:65px; top:-65px; border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
-#ITP_LOGIN .itp_box {padding:20px 20px 0 20px; height:550px; margin-bottom:0; border-radius:30px; box-shadow: 0px 0px 10px #666;}
+#ITP_LOGIN .itp_box {padding:20px 20px 0 20px; height:520px; margin-bottom:0; border-radius:30px; box-shadow: 0px 0px 10px #666;}
 #ITP_LOGIN .itp_body {padding-bottom:0;}
 #ITP_LOGIN .itp_box .control-label {text-align:left;}
 #ITP_LOGIN .itp_box .itp_lb {padding-top:7px;}
-#ITP_LOGIN .itp_box .itp_btn {line-height:1.8; margin:0 5%; width:90%;}
+#ITP_LOGIN .itp_box .itp_btn {line-height:1.8; margin:0 5%; width:90%; height:45px; padding:0;}
 #ITP_LOGIN .itp_box .form-group .checkbox input[type=checkbox] {margin-top:3px;}
 #ITP_LOGIN .itp_error {padding-top:15px; color:#a94442;}
 #ITP_LOGIN .itp_no_mar {margin-bottom:0 !important;}
@@ -113,10 +113,10 @@ a, button {outline:none !important; text-decoration:none !important;}
 #ITP_LOGIN .itp_find {margin-top:34px; font-weight:100; cursor:pointer;}
 #ITP_LOGIN .itp_btn_bar {margin-top:10px;}
 #ITP_LOGIN .itp_login_img {width:100%; padding:0 auto;}
-#ITP_LOGIN .itp_img{width:150px; height:150px; top:-70px; position: absolute; margin:0 31.3%;}
+#ITP_LOGIN .itp_img{width:130px; height:130px; top:-66px; position: absolute; margin:0 31.5%;}
 #ITP_LOGIN .itp_login_input label {position:absolute; top:50%; left:27px; color:#adadad; transform:translateY(-50%); font-size: 12px; border: none; outline:none; transition: top .5s ease;}
-#ITP_LOGIN .itp_login_input {width:90%; margin:0 5%; position:relative;}
-#ITP_LOGIN .itp_login_input input {width:100%; padding:10px 10px 10px; outline:none; border-radius:7px; background:#eee; font-size: 16px;}
+#ITP_LOGIN .itp_login_input {width:90%; height:40px; margin:0 5%; position:relative;}
+#ITP_LOGIN .itp_login_input input {width:100%; height:45px; padding:10px 10px 10px; outline:none; border-radius:7px; background:#eee; font-size: 16px;}
 #ITP_LOGIN .itp_login_input input:focus + label {top:15px; font-size:8px; color: #2691d9; display: none;}
 #ITP_LOGIN .itp_login_input input:valid + label {top:15px; font-size:8px; color: #2691d9; display: none;}
 #ITP_LOGIN .itp_login_input:not(:placeholder-shown) ~ label{top:0px; font-size:12px;}

src/main/webapp/login.html

@@ -38,7 +38,7 @@
 							<form id="command" class="form-horizontal" method="post" onsubmit="return false;">
 								<input id="userId" name="userId" type="hidden" value="" />
 	        					<input id="password" name="password" type="hidden" value="" />
-								<div class="row" style="margin-top:75px;">
+								<div class="row" style="margin-top:70px;">
 									<div class="col-xs-12 itp_login_input">
 										<div class="itp_head">
 											<h1 class="itp_logo">오더퀸</h1>
@@ -46,7 +46,7 @@
 											<h2 class="text-center itp_tit">수발주시스템</h2>
 										</div>
 									</div>	
-									<div class="col-xs-12">
+									<div class="col-xs-12" style="margin-top:50px;">
 										<div class="form-group">
 											<div class="col-xs-11 itp_login_input">
 												<input type="text" class="form-control itp_login" id="ITP_FORM_LOGIN_USER_ID" autofocus required="">

src/main/webapp/mobile/app/main.html

@@ -143,7 +143,7 @@
 			</div>
 		</div>
 		<!-- 필수 입력란 미입력시 알림 -->
-		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="">
+		<div id="ITP_MODAL_NOT_INPUT" class="modal itp_modal" style="">
 			<div class="modal-dialog modal-sm">
 				<div class="modal-content">
 					<div class="modal-header">
@@ -154,7 +154,7 @@
 						<div><div class="text-center itp_alert_txt">미입력칸 제목</div>칸 은 필수 입력란 입니다.</div>
 					</div>
 					<div class="modal-footer">
-						<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
+						<button type="button" class="btn btn-primary" id="ITP_MODAL_NOT_INPUT_CONFIRM">확인</button>
 					</div>
 				</div>
 			</div>