fix : css정리

main
이범준 2 years ago
parent 828091fc1c
commit 4c275bfeea

@ -5,6 +5,8 @@
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<link rel="stylesheet" type="text/css" href="<c:url value='/'/>resources/biz/layout/dashboard.css" />
<script src="<c:url value='/'/>resources/3rd-party/sneat/libs/chartjs/chartjs.js"></script> <script src="<c:url value='/'/>resources/3rd-party/sneat/libs/chartjs/chartjs.js"></script>
<link rel="stylesheet" href="<c:url value='/'/>resources/3rd-party/sneat/libs/animate-on-scroll/animate-on-scroll.css" /> <link rel="stylesheet" href="<c:url value='/'/>resources/3rd-party/sneat/libs/animate-on-scroll/animate-on-scroll.css" />

@ -7,6 +7,8 @@
<head lang="ko"> <head lang="ko">
<%@include file="/WEB-INF/jsp/framework/frameworkIncludeBase.jsp" %> <%@include file="/WEB-INF/jsp/framework/frameworkIncludeBase.jsp" %>
<link rel="stylesheet" href="${ctx}/resources/biz/layout/root.css" />
<!-- 메뉴 --> <!-- 메뉴 -->
<script src="${ctx}/resources/3rd-party/sneat/js/menu.js"></script> <script src="${ctx}/resources/3rd-party/sneat/js/menu.js"></script>
<!-- 스크롤바 --> <!-- 스크롤바 -->

@ -539,70 +539,7 @@ input[type=file] {
line-height: 24px; line-height: 24px;
border: 1px solid #d0d0d0; border: 1px solid #d0d0d0;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
/*2021.09.24 박소영 주석처리*/
/* .defalt,
.detail{
position:relative;
text-align:left;
}
> .detail{
display:none;
margin:18px -20px -5px;
padding:18px 20px 0;
border-top:1px solid $border-color;
.detail > li{
float:left;
padding:0 15px 5px 0;
&.width100{
width:100%;
}
&.last{
padding:0 5px 5px 0;
}
}
.title{
float:left;
width:90px;
margin-right:-10px;
padding:0;
border-bottom:none;
line-height:24px;
font-weight:bold;
font-size:12px;
color:#666;
}
.btnSearch{
position:absolute;
left:417px;
bottom:6px;
*bottom:7px;
&.defaltBtn{
left:397px;
}
}
}
.defalt{
> li{
float:left;
padding:0 5px 0 0;
}
}
.newField{
.btnSearch{
position:static;
left:auto;
bottom:auto;
*bottom:auto;
}
}
.title{
padding:0 0 4px;
font-size:18px;
font-weight:bold;
color:#333;
text-align:left;
}
}*/
/* --- 2021.09.24 박소영 새로추가 ---*/ } /* --- 2021.09.24 박소영 새로추가 ---*/ }
.search .inputText { .search .inputText {
width: 300px; } width: 300px; }
@ -1698,56 +1635,6 @@ input[data-fmt-type=number] {
} }
/* CSS그리드 */
div.layoutWrapper {
display: grid;
grid-template-rows : 2.2rem minmax(27rem,54rem) 2.2rem;
grid-auto-flow: column;
grid-column-gap: 10px;
height: 100%;
}
div.layoutWrapper.hamberger-open {
grid-template-columns: 16.25rem auto;
transition: all 1s;
}
div.layoutWrapper.hamberger-close {
grid-template-columns: fit-content(16.25rem) auto;
transition: all 1s;
}
div.layoutWrapper > nav {
grid-row: 1 / 4;
grid-column: 1 / 2;
background-color: #ffffff;
}
div.layoutWrapper > header {
grid-column: 2 / 3;
display: flex;
align-items: center;
height: 100%;
}
div.layoutWrapper > main {
grid-column: 2 / 3;
}
div.layoutWrapper > footer {
grid-column: 2 / 3;
}
div.dashboard {
display: grid;
grid-template-columns : repeat(4,18rem);
grid-template-rows: repeat(auto-fill,11rem);
grid-auto-flow: row;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
div.dashboard .card {
height: 100%;
}
div.chart-area {
grid-column: span 2;
}

@ -0,0 +1,16 @@
div.dashboard {
display: grid;
grid-template-columns : repeat(4,18rem);
grid-template-rows: repeat(auto-fill,11rem);
grid-auto-flow: row;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
div.dashboard .card {
height: 100%;
}
div.chart-area {
grid-column: span 2;
}

@ -0,0 +1,35 @@
/* CSS그리드 */
div.layoutWrapper {
display: grid;
grid-template-rows : 2.2rem minmax(27rem,54rem) 2.2rem;
grid-auto-flow: column;
grid-column-gap: 10px;
height: 100%;
}
div.layoutWrapper.hamberger-open {
grid-template-columns: 16.25rem auto;
transition: all 1s;
}
div.layoutWrapper.hamberger-close {
grid-template-columns: fit-content(16.25rem) auto;
transition: all 1s;
}
div.layoutWrapper > nav {
grid-row: 1 / 4;
grid-column: 1 / 2;
background-color: #ffffff;
}
div.layoutWrapper > header {
grid-column: 2 / 3;
display: flex;
align-items: center;
height: 100%;
}
div.layoutWrapper > main {
grid-column: 2 / 3;
}
div.layoutWrapper > footer {
grid-column: 2 / 3;
}
Loading…
Cancel
Save