Bladeren bron

모바일 헤더 위치 수정

whakdo963 2 jaren geleden
bovenliggende
commit
16f96558b9
2 gewijzigde bestanden met toevoegingen van 7 en 9 verwijderingen
  1. 3 5
      src/main/webapp/mobile/app/main.html
  2. 4 4
      src/main/webapp/mobile/css/style.css

+ 3 - 5
src/main/webapp/mobile/app/main.html

@@ -32,14 +32,12 @@
32 32
 				<button id="ITP_MOBILE_BTN_MENU"><img src="../img/menu.png" alt=""></button>
33 33
 				<button id="ITP_MOBILE_BTN_HOME"><img src="../img/home.png" alt=""></button>
34 34
 			</div>
35
+			<div class="name_info">
36
+				<div class="fnBrnadNm">브랜드명</div>
37
+			</div>
35 38
 			<div class="logout">
36 39
 				<button id="ITP_MOBILE_BTN_LOGOUT"><img src="../img/logout.png" alt=""></button>
37 40
 			</div>
38
-			<div class="name_info">
39
-				<div class="bn fnMenuNm"></div>
40
-				<div class="bn fnBrnadNm">브랜드명</div>
41
-				<div class="fnStoreNm">매장명</div>
42
-			</div>
43 41
 		</div>
44 42
 	</header>
45 43
 

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

@@ -201,14 +201,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
201 201
 /* 공통화면 */
202 202
 
203 203
 #ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#F7B014;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
204
-#ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto;}
204
+#ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto; display: inline-flex;}
205
+#ITP_WRAPPER header .header_wrap .menu_logo {width:100px;}
205 206
 #ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 7px; margin-left: 7px;}
206 207
 #ITP_WRAPPER header .header_wrap .menu_logo button img {width: 25px; height: 20px; margin: 0; border-radius: 0; border: none;}
207 208
 #ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
208 209
 #ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
209
-#ITP_WRAPPER header .header_wrap .name_info {width: 50%; height:55px; margin:0 auto; display:inline-flex;}
210
-#ITP_WRAPPER header .header_wrap .name_info div {width: auto; font-size: 20px; color:#eee; margin-top:17px;}
211
-#ITP_WRAPPER header .header_wrap .name_info div.bn {padding-right:5px; font-size:22px; margin-top:14px;}
210
+#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 160px); height:55px; display:inline-flex;}
211
+#ITP_WRAPPER header .header_wrap .name_info div {width: 100%; font-size: 20px; color:#eee; margin-top:17px;}
212 212
 
213 213
 #ITP_WRAPPER header .header_wrap .logout {float: right; width: 60px;}
214 214
 #ITP_WRAPPER header .header_wrap .logout button { margin: 3px 0px; width: 50px; height: 50px; border:none; font-size: 0.8rem;background: transparent;}