DBNT
/
FAISP
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

footer 수정완료

master
DESKTOP-QGC5RJO\DBNT 2023-01-20 16:42:27 +09:00
parent 8e6b8760ce
commit 2ba97d3256
3 changed files with 93 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/main/resources/static/css/common.css
View File

@ -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;

4
src/main/resources/templates/fragments/footer.html
View File

@ -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>

16
src/main/resources/templates/layout/layout.html
View File

@ -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>
@ -79,15 +81,15 @@
</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 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;">