fix : 레이아웃 팝업,메인,비즈 html5로 수정, 필드셋 디자인 적용

main
psy 2 years ago
parent 548a400887
commit 11ebea3486

@ -27,7 +27,8 @@ Date Author Description
<form id="frmSearch" name="frmSearch"> <form id="frmSearch" name="frmSearch">
<div class="search"> <div class="search">
<div class="detail_02" style="display: block;"> <div class="detail_02" style="display: block;">
<p class="box_title">상세검색</p> <fieldset>
<legend>test</legend>
<ul class="detailGroup_02"> <ul class="detailGroup_02">
<select id="sch_date_opt" name="sch_date_opt" class="selectBox"> <select id="sch_date_opt" name="sch_date_opt" class="selectBox">
<option value="regltDe">단속일자</option> <option value="regltDe">단속일자</option>
@ -73,6 +74,7 @@ Date Author Description
<a href="#" class="btn darkgray" id="btnRegist" title="연계파일등록">연계파일처리</a> <a href="#" class="btn darkgray" id="btnRegist" title="연계파일등록">연계파일처리</a>
</span> </span>
</ul> </ul>
</fieldset>
</div> </div>
</div> </div>
</form> </form>

@ -1,4 +1,5 @@
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=11" /> <meta http-equiv="X-UA-Compatible" content="IE=11" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

@ -4,7 +4,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head lang="ko">
<%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %> <%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %>
</head> </head>

@ -3,8 +3,10 @@
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="ko">
<head> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<c:if test="${!empty pageTitle}"> <c:if test="${!empty pageTitle}">
<title>${pageTitle}</title> <title>${pageTitle}</title>
</c:if> </c:if>

@ -3,7 +3,7 @@
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="ko">
<head> <head>
<%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %> <%@include file="/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp" %>

@ -456,7 +456,7 @@ label, label * {vertical-align: middle;}
position: relative; position: relative;
overflow: hidden; overflow: hidden;
/* padding: 13px 25px; */ /* padding: 13px 25px; */
padding: 13px 15px; padding: 10px 15px;
background-color: #f2f2f2; background-color: #f2f2f2;
border: 1px solid #d0d0d0; border: 1px solid #d0d0d0;
box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px; box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
@ -1381,17 +1381,27 @@ input:read-only {
margin-right: 7px; margin-right: 7px;
width: 14px; width: 14px;
} }
.box_title{ fieldset {
width: 52px; display: block;
background: #f2f2f2; margin-inline-start: 2px;
position: absolute; margin-inline-end: 2px;
top: 3px; padding-block-start: 0.35em;
left: 23px; padding-inline-start: 0.75em;
padding-left: 4px; padding-inline-end: 0.75em;
} padding-block-end: 0.625em;
.detailGroup_02{ min-inline-size: min-content;
border: 1px solid #a3a3a3; border-width: 2px;
padding: 16px 0px 13px 12px; border-style: groove;
border-color: rgb(192, 192, 192);
border-image: initial;
}
legend {
/*background-color: #000;*/
color:#333;
padding: 3px 6px;
position: inherit;
font-size: 12px;
letter-spacing: -0.6px;
} }
/*단속현황관리- 메인폼 (시스템구분,단속구분) 디자인 추가*/ /*단속현황관리- 메인폼 (시스템구분,단속구분) 디자인 추가*/
.detailGroup_02 label[class^="title"]{ .detailGroup_02 label[class^="title"]{

Loading…
Cancel
Save