footer 수정완료
parent
8e6b8760ce
commit
2ba97d3256
|
|
@ -151,14 +151,10 @@
|
|||
z-index: 100;
|
||||
}
|
||||
#wrapper{
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
padding-bottom: 100px;
|
||||
min-height: 91%;
|
||||
}
|
||||
footer{
|
||||
height: 100px;
|
||||
position : relative;
|
||||
transform : translateY(-100%);
|
||||
.footer{
|
||||
transform : translateY(91%);
|
||||
}
|
||||
.bg-label{
|
||||
background-color: lightblue;
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
</div>-->
|
||||
|
||||
|
||||
<footer class="row py-5 w-100 mt-auto justify-content-center" id="footerRow" th:fragment="footerFragment">
|
||||
<div class="d-flex flex-wrap py-2 mt-auto" id="footerRow" th:fragment="footerFragment">
|
||||
<div class="col-auto">
|
||||
<img src="/img/ft_logo.png" alt="사이버외사정보시스템로고" class="h-75">
|
||||
</div>
|
||||
|
|
@ -41,5 +41,5 @@
|
|||
<p class="mb-1">21995 인천광역시 연수구 해돋이로 130 해양경찰청</p>
|
||||
<p class="mb-1">Copyright ⓒ 2011 MINISTRY OF REPUBLIC ADMINISTRATION AND SECURITY. All right reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta charset="UTF-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<title>해양경찰청 외사종합포털</title>
|
||||
|
||||
|
|
@ -27,8 +27,10 @@
|
|||
<!--bootstrap-->
|
||||
<script type="text/javascript" th:src="@{/vendor/bootstrap-5.2.0-dist/js/bootstrap.bundle.min.js}"></script>
|
||||
<!--bootstrap-datepicker-->
|
||||
<script type="text/javascript" th:src="@{/vendor/bootstrap-datepicker-1.9.0-dist/js/bootstrap-datepicker.min.js}"></script>
|
||||
<script type="text/javascript" th:src="@{/vendor/bootstrap-datepicker-1.9.0-dist/locales/bootstrap-datepicker.ko.min.js}"></script>
|
||||
<script type="text/javascript"
|
||||
th:src="@{/vendor/bootstrap-datepicker-1.9.0-dist/js/bootstrap-datepicker.min.js}"></script>
|
||||
<script type="text/javascript"
|
||||
th:src="@{/vendor/bootstrap-datepicker-1.9.0-dist/locales/bootstrap-datepicker.ko.min.js}"></script>
|
||||
<!--datetimepicker-->
|
||||
<script type="text/javascript" th:src="@{/vendor/datetimepicker/js/datetimepicker.full.min.js}"></script>
|
||||
<script type="text/javascript" th:src="@{/vendor/datetimepicker/js/datetimepicker.js}"></script>
|
||||
|
|
@ -46,21 +48,21 @@
|
|||
<!-- 컨텐츠페이지의 스크립트 영역이 들어감 -->
|
||||
<th:block layout:fragment="script"></th:block>
|
||||
</head>
|
||||
<body class="d-flex flex-column h-100 " >
|
||||
<!--<header th:replace="fragments/header :: headerFragment"></header>
|
||||
<div sec:authorize="isAnonymous()" layout:fragment="content">
|
||||
<body class="d-flex flex-column h-100 ">
|
||||
<!--<header th:replace="fragments/header :: headerFragment"></header>
|
||||
<div sec:authorize="isAnonymous()" layout:fragment="content">
|
||||
|
||||
</div>
|
||||
<div sec:authorize="isAuthenticated()" class="d-flex flex-nowrap h-100" style="max-height: 888px;">
|
||||
</div>
|
||||
<div sec:authorize="isAuthenticated()" class="d-flex flex-nowrap h-100" style="max-height: 888px;">
|
||||
<div class="flex-shrink-0 bg-leftMenu border-end overflow-auto" style="width: 260px;">
|
||||
<div th:replace="fragments/leftMenu :: leftMenuFragment"></div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 px-3 py-2 overflow-auto" style="width: 1660px; background-color: #f8f8f8;">
|
||||
<div layout:fragment="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div th:replace="fragments/footer :: footerFragment"></div>
|
||||
<div id="fadeDiv" style="display: none;">
|
||||
</div>
|
||||
<div th:replace="fragments/footer :: footerFragment"></div>
|
||||
<div id="fadeDiv" style="display: none;">
|
||||
<div class="p-5 rounded text-center">
|
||||
<div>
|
||||
<div class="spinner-border text-info" id="loading-spinner" role="status">
|
||||
|
|
@ -71,26 +73,26 @@
|
|||
<h3>Loading</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="d-flex flex-nowrap h-100" sec:authorize="isAnonymous()">
|
||||
</div>-->
|
||||
<div class="d-flex flex-nowrap h-100" sec:authorize="isAnonymous()">
|
||||
<div class="flex-shrink-0 overflow-auto w-100 bg-light">
|
||||
<header th:replace="fragments/header :: headerFragment"></header>
|
||||
<div layout:fragment="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-nowrap h-100" sec:authorize="isAuthenticated()">
|
||||
<div class="flex-shrink-0 bg-leftMenu border-end overflow-auto" style="width: 260px;">
|
||||
</div>
|
||||
<div class="d-flex flex-nowrap h-100" sec:authorize="isAuthenticated()">
|
||||
<div class="bg-leftMenu border-end overflow-auto" style="width: 260px;">
|
||||
<div th:replace="fragments/leftMenu :: leftMenuFragment"></div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 overflow-auto" style="width: 1660px;">
|
||||
<div id="wrapper">
|
||||
<div class=" overflow-auto" style="width: 1660px;">
|
||||
<div class="bg-light" id="wrapper" >
|
||||
<header th:replace="fragments/header :: headerFragment"></header>
|
||||
<div class="px-3 py-2 bg-light" layout:fragment="content"></div>
|
||||
<div class="px-3 py-2" layout:fragment="content"></div>
|
||||
</div>
|
||||
<div th:replace="fragments/footer :: footerFragment"></div>
|
||||
<div class="footer" th:replace="fragments/footer :: footerFragment"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="fadeDiv" style="display: none;">
|
||||
</div>
|
||||
<div id="fadeDiv" style="display: none;">
|
||||
<div class="p-5 rounded text-center">
|
||||
<div>
|
||||
<div class="spinner-border text-info" id="loading-spinner" role="status">
|
||||
|
|
@ -101,7 +103,7 @@
|
|||
<h3>Loading</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<th:block layout:fragment="modal"></th:block>
|
||||
</div>
|
||||
<th:block layout:fragment="modal"></th:block>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue