style : 메뉴 스크롤바 추가, 메인영역 최대 높이 추가

main
이범준 2 years ago
parent d2474cff7b
commit cd3e4b8733

@ -70,7 +70,10 @@
<div class="chartArea"> <div class="chartArea">
<div class="card"> <div class="card">
<h5 class="card-header">단속 자료 통계(유형별)</h5> <div class="card-header d-flex align-items-center justify-content-between">
<h5 class="card-title m-0 me-2">단속 자료 통계(유형별)</h5>
<div>건수(최근 n일)</div>
</div>
<div class="card-body"> <div class="card-body">
<div id="barChart"></div> <div id="barChart"></div>
</div> </div>
@ -81,7 +84,10 @@
</div> </div>
<div class="chartArea"> <div class="chartArea">
<div class="card"> <div class="card">
<h5 class="card-header">단속통계</h5> <div class="card-header d-flex align-items-center justify-content-between">
<h5 class="card-title m-0 me-2">단속통계</h5>
<div>처리유형별(일별)</div>
</div>
<div class="card-body"> <div class="card-body">
<div id="donutChart"></div> <div id="donutChart"></div>
</div> </div>
@ -92,7 +98,10 @@
</div> </div>
<div class="chartArea"> <div class="chartArea">
<div class="card"> <div class="card">
<h5 class="card-header">발송통계</h5> <div class="card-header d-flex align-items-center justify-content-between">
<h5 class="card-title m-0 me-2">발송통계</h5>
<div>발송유형별(일별)</div>
</div>
<div class="card-body"> <div class="card-body">
<div id="donutChart2"></div> <div id="donutChart2"></div>
</div> </div>
@ -103,7 +112,10 @@
</div> </div>
<div class="chartArea"> <div class="chartArea">
<div class="card"> <div class="card">
<h5 class="card-header">의견진술통계</h5> <div class="card-header d-flex align-items-center justify-content-between">
<h5 class="card-title m-0 me-2">의견진술통계</h5>
<div>처리유형별(일별)</div>
</div>
<div class="card-body"> <div class="card-body">
<div id="donutChart3"></div> <div id="donutChart3"></div>
</div> </div>

@ -15,8 +15,13 @@
<link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/css/theme-default.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/css/theme-default.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/fonts/boxicons.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/fonts/boxicons.css" />
<script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/js/bootstrap.js"></script><!-- 부트스트랩 --> <script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/js/bootstrap.js"></script><!-- 부트스트랩 -->
<script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/js/menu.js"></script><!-- 메뉴 -->
<script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/js/helpers.js"></script> <script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/js/helpers.js"></script>
<script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/js/menu.js"></script><!-- 메뉴 -->
<!-- 스크롤바 -->
<link rel="stylesheet" href="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
<script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"><script>
<script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/libs/popper/popper.js"></script> <script src="${ctx}/resources/framework/template/sneat-1.0.0/assets/vendor/libs/popper/popper.js"></script>
<style> <style>

@ -11,23 +11,16 @@
</div> </div>
<div class="personalArea"> <div class="personalArea">
<div class="txtArea"> <div class="txtArea">
<strong><c:out value="${sessionScope.XitLoginSession.name }" />[<sec:authentication property="principal.Username"/>]</strong> <strong><c:out value="${sessionScope.XitLoginSession.name }" />[<sec:authentication property="principal.Username"/>]</strong>
<em><c:out value="${sessionScope.XitLoginSession.orgnztNm }" /></em> <em><c:out value="${sessionScope.XitLoginSession.orgnztNm }" /></em>
</div> </div>
<div class="btnArea"> <div class="btnArea">
<a href="${ctx }/login/actionLogout.do" id="logout_btn"style="background: #eb1909;color: #fff;">로그아웃</a> <a href="${ctx }/login/actionLogout.do" id="logout_btn"style="background: #eb1909;color: #fff;">로그아웃</a>
</div> </div>
</div> </div>
<div id="sneatMenu"> <div id="sneatMenu" style="height: 52rem;">
</div> </div>
@ -265,6 +258,11 @@
document.getElementById("menuNav").append(rootUl); document.getElementById("menuNav").append(rootUl);
} }
//스크롤바 추가
new PerfectScrollbar(document.querySelector('.menu-inner'), {
wheelPropagation: false
});
} }
} }

@ -2203,7 +2203,7 @@ input[data-fmt-type=number] {
/* CSS그리드 */ /* CSS그리드 */
div.layoutWrapper { div.layoutWrapper {
display: grid; display: grid;
grid-template-rows : 2.2rem auto auto; grid-template-rows : 2.2rem minmax(27rem,54rem) 2.2rem;
grid-auto-flow: column; grid-auto-flow: column;
grid-column-gap: 10px; grid-column-gap: 10px;
height: 100%; height: 100%;

Loading…
Cancel
Save