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

ui수정 leftMenu이미지,footer레이아웃수정중

master
DESKTOP-QGC5RJO\DBNT 2023-01-20 15:43:18 +09:00
parent e396a5a3b4
commit 61aa8eef1f
6 changed files with 47 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -150,8 +150,15 @@
background-color: #253660; background-color: #253660;
z-index: 100; z-index: 100;
} }
#footer{ #wrapper{
z-index: 1; height: auto;
min-height: 100%;
padding-bottom: 100px;
}
footer{
height: 100px;
position : relative;
transform : translateY(-100%);
} }
.bg-label{ .bg-label{
background-color: lightblue; background-color: lightblue;

BIN
src/main/resources/static/img/logoNew.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

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

@ -1,20 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org"> <html lang="ko" xmlns:th="http://www.thymeleaf.org">
<footer th:fragment="footerFragment" class="d-flex flex-wrap py-2 mt-auto"> <!-- <footer th:fragment="footerFragment" class="d-flex flex-wrap py-2 mt-auto">-->
<div class="row mx-3"> <!-- <div class="row mx-3">-->
<div class="col-auto"> <!-- <div class="col-auto">-->
<img th:src="@{/img/ft_logo.png}" alt="logo" title="logo" style="height: 40px;"/> <!-- <img th:src="@{/img/ft_logo.png}" alt="logo" title="logo" style="height: 40px;"/>-->
</div> <!-- </div>-->
<div class="col-auto row"> <!-- <div class="col-auto row">-->
<div class="col-12"> <!-- <div class="col-12">-->
<span class="text-muted">21995 인천광역시 연수구 해돋이로 130 해양경찰청</span> <!-- <span class="text-muted">21995 인천광역시 연수구 해돋이로 130 해양경찰청</span>-->
</div> <!-- </div>-->
<div class="col-12"> <!-- <div class="col-12">-->
<span class="text-muted">COPYRIGHT(C)2022 MINISTRY OF REPUBLIC ADMINISTRATION AND SECURITY. ALL RIGHT RESERVED</span> <!-- <span class="text-muted">COPYRIGHT(C)2022 MINISTRY OF REPUBLIC ADMINISTRATION AND SECURITY. ALL RIGHT RESERVED</span>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</footer> <!-- </footer>-->
<!--<div id="footer" th:fragment="footerFragment" class="d-flex flex-wrap border-top"> <!--<div id="footer" th:fragment="footerFragment" class="d-flex flex-wrap border-top">
@ -29,17 +29,17 @@
</div>--> </div>-->
<!--<div class="row w-100 mt-3 justify-content-center" id="footerRow" th:fragment="footerFragment">--> <footer class="row py-5 w-100 mt-auto justify-content-center" id="footerRow" th:fragment="footerFragment">
<!-- <div class="col-auto">--> <div class="col-auto">
<!-- <img src="/img/ft_logo.png" alt="사이버외사정보시스템로고" class="h-75">--> <img src="/img/ft_logo.png" alt="사이버외사정보시스템로고" class="h-75">
<!-- </div>--> </div>
<!-- <div class="col-auto">--> <div class="col-auto">
<!-- <p id="footerSiteName">사이버외사정보시스템</p>--> <p id="footerSiteName">사이버외사정보시스템</p>
<!-- <span id="footerSiteNameEng">FOREIGN AFFAIRS INTELLIGENCE CYBER SYSTEM</span>--> <span id="footerSiteNameEng">FOREIGN AFFAIRS INTELLIGENCE CYBER SYSTEM</span>
<!-- </div>--> </div>
<!-- <div class="col-auto">--> <div class="col-auto">
<!-- <p class="mb-1">21995 인천광역시 연수구 해돋이로 130 해양경찰청</p>--> <p class="mb-1">21995 인천광역시 연수구 해돋이로 130 해양경찰청</p>
<!-- <p class="mb-1">Copyright ⓒ 2011 MINISTRY OF REPUBLIC ADMINISTRATION AND SECURITY. All right reserved.</p>--> <p class="mb-1">Copyright ⓒ 2011 MINISTRY OF REPUBLIC ADMINISTRATION AND SECURITY. All right reserved.</p>
<!-- </div>--> </div>
<!--</div>--> </footer>
</html> </html>

2
src/main/resources/templates/fragments/header.html
View File

@ -6,9 +6,7 @@
<div class="col-auto row justify-content-start"> <div class="col-auto row justify-content-start">
<div class="col-auto"> <div class="col-auto">
<div class="navbar-header"> <div class="navbar-header">
<a href="/" class="navbar-brand">
<img id="logo" th:src="@{/img/logo2.png}" alt="logo" title="logo" sec:authorize="isAnonymous()"> <img id="logo" th:src="@{/img/logo2.png}" alt="logo" title="logo" sec:authorize="isAnonymous()">
</a>
</div> </div>
</div> </div>
<div class="col-auto my-auto"> <div class="col-auto my-auto">

8
src/main/resources/templates/fragments/leftMenu.html
View File

@ -1,11 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org"> <html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="pt-3" th:fragment="leftMenuFragment"> <div class="pt-3" th:fragment="leftMenuFragment">
<div> <div class="ps-5">
<a href="/" >
<img id="logoNew" th:src="@{/img/logoNew.png}" alt="logoNew" title="logoNew">
</a>
</div> </div>
<div class="flex-shrink-0 py-3 bg-transparent" id="leftMenu"> <div class="flex-shrink-0 py-3 bg-transparent" id="leftMenu">
<ul class="list-unstyled ps-0"> <ul class="list-unstyled border-top border-secondary ps-0">
<li class="mb-1 border-bottom border-secondary" th:each="firstMenu:${session.menuList}"> <li class="mb-1 border-bottom border-secondary" th:each="firstMenu:${session.menuList}">
<th:block th:each="cat1Code:${session.commonCode.get('CAT1')}"> <th:block th:each="cat1Code:${session.commonCode.get('CAT1')}">
<th:block th:if="${cat1Code.itemCd eq firstMenu.cat1Cd}"> <th:block th:if="${cat1Code.itemCd eq firstMenu.cat1Cd}">

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

@ -46,7 +46,7 @@
<!-- 컨텐츠페이지의 스크립트 영역이 들어감 --> <!-- 컨텐츠페이지의 스크립트 영역이 들어감 -->
<th:block layout:fragment="script"></th:block> <th:block layout:fragment="script"></th:block>
</head> </head>
<body class="d-flex flex-column h-100"> <body class="d-flex flex-column h-100 " >
<!--<header th:replace="fragments/header :: headerFragment"></header> <!--<header th:replace="fragments/header :: headerFragment"></header>
<div sec:authorize="isAnonymous()" layout:fragment="content"> <div sec:authorize="isAnonymous()" layout:fragment="content">
@ -73,10 +73,9 @@
</div> </div>
</div>--> </div>-->
<div class="d-flex flex-nowrap h-100" sec:authorize="isAnonymous()"> <div class="d-flex flex-nowrap h-100" sec:authorize="isAnonymous()">
<div class="flex-shrink-0 overflow-auto w-100" style="background-color: #f8f8f8;"> <div class="flex-shrink-0 overflow-auto w-100 bg-light">
<header th:replace="fragments/header :: headerFragment"></header> <header th:replace="fragments/header :: headerFragment"></header>
<div layout:fragment="content"></div> <div layout:fragment="content"></div>
<div th:replace="fragments/footer :: footerFragment"></div>
</div> </div>
</div> </div>
<div class="d-flex flex-nowrap h-100" sec:authorize="isAuthenticated()"> <div class="d-flex flex-nowrap h-100" sec:authorize="isAuthenticated()">
@ -84,8 +83,10 @@
<div th:replace="fragments/leftMenu :: leftMenuFragment"></div> <div th:replace="fragments/leftMenu :: leftMenuFragment"></div>
</div> </div>
<div class="flex-shrink-0 overflow-auto" style="width: 1660px;"> <div class="flex-shrink-0 overflow-auto" style="width: 1660px;">
<div id="wrapper">
<header th:replace="fragments/header :: headerFragment"></header> <header th:replace="fragments/header :: headerFragment"></header>
<div class="bg-light px-3 py-2" layout:fragment="content"></div> <div class="px-3 py-2 bg-light" layout:fragment="content"></div>
</div>
<div th:replace="fragments/footer :: footerFragment"></div> <div th:replace="fragments/footer :: footerFragment"></div>
</div> </div>
</div> </div>