diff --git a/egovframe-template-simple-react-contribution/src/css/component.css b/egovframe-template-simple-react-contribution/src/css/component.css index ca04a2a..46b1639 100644 --- a/egovframe-template-simple-react-contribution/src/css/component.css +++ b/egovframe-template-simple-react-contribution/src/css/component.css @@ -52,10 +52,10 @@ .board_list .head {display: table; table-layout: fixed; width: 100%;} /* changed by lim padding: 25px 0 27px 0; */ .board_list .head > span {display: table-cell; padding: 10px 0 10px 0; border-bottom: 1px solid #888; font-size: 16px; font-weight: 500px; text-align: center;} -.logs_list .result {max-height: 430px;} +.logs_list .result {max-height: 430px;} /* added by lim .logs_list .result {max-height: 430px;} */ .board_list .result .list_item {display: table; width: 100%; table-layout: fixed;} /* changed by lim padding: 18px 0 20px 0; */ -.board_list .result .list_item > div {display: table-cell; padding: 7px 0 7px 0; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; text-align: center; vertical-align: middle;} +.board_list .result .list_item > div {display: table-cell; padding: 7px 0 7px 0; border-bottom: 1px solid #dde2e5; color: #666; font-size: 14px; text-align: center; vertical-align: middle;} .board_list .result .list_item > div.al {padding: 18px 30px 20px 30px; text-align: left;} .board_list .result .list_item > div.reply {position: relative; padding: 18px 30px 20px 52px;} .board_list .result .list_item > div.reply::before {content: ""; display: block; position: absolute; left: 27px; top: 24px; width: 22px; height: 14px; background: url(css/images/ico_reply.png) no-repeat;} diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css index 9139cde..8c8df07 100644 --- a/egovframe-template-simple-react-contribution/src/css/layout.css +++ b/egovframe-template-simple-react-contribution/src/css/layout.css @@ -46,11 +46,11 @@ body {min-width: 1400px;} .container {min-height: calc(100vh - 300px);} -.c_wrap {margin: 0 auto;} /* removed by lim width: 1400px; padding: 0 50px; */ +.c_wrap { margin: 0 auto;} /* removed by lim width: 1400px; padding: 0 50px; */ .c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;} /* added by lim padding-bottom: 20px; */ /* sub navigation */ -.c_wrap .layout .nav {display: table-cell; width: 260px; vertical-align: top;} +.c_wrap .layout .nav {display: table-cell; width: 220px; vertical-align: top;} /* changed by lim width: 260px; */ .c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;} .nav_title{padding: 35px 30px 26px 30px;} /* changed by lim border-bottom: 4px solid #dde2e5; */ .c_wrap .layout .nav h2 {color: #222; font-size: 24px;} diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css index 77cd9e0..e8373a7 100644 --- a/egovframe-template-simple-react-contribution/src/css/page.css +++ b/egovframe-template-simple-react-contribution/src/css/page.css @@ -220,17 +220,18 @@ .BRD008 .result .list_item > div:nth-child(5) {width: 120px;} - /* 공지사항 */ + /* 로그현황 - 개인정보 로그현황*/ .BRD009 .head > span:nth-child(1) {width: 60px;} - .BRD009 .head > span:nth-child(3) {width: 200px;} - .BRD009 .head > span:nth-child(4) {width: 200px;} - .BRD009 .head > span:nth-child(5) {width: 200px;} + .BRD009 .head > span:nth-child(2) {width: 150px;} + .BRD009 .head > span:nth-child(3) {width: 150px;} + .BRD009 .head > span:nth-child(4) {width: 150px;} + .BRD009 .head > span:nth-child(5) {width: 150px;} .BRD009 .head > span:nth-child(6) {width: 150px;} .BRD009 .result .list_item > div:nth-child(1) {width: 60px;} - .BRD009 .result .list_item > div:nth-child(2) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} - .BRD009 .result .list_item > div:nth-child(3) {width: 200px;} - .BRD009 .result .list_item > div:nth-child(4) {width: 200px;} - .BRD009 .result .list_item > div:nth-child(5) {width: 200px;} + .BRD009 .result .list_item > div:nth-child(2) {width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} + .BRD009 .result .list_item > div:nth-child(3) {width: 150px;} + .BRD009 .result .list_item > div:nth-child(4) {width: 150px;} + .BRD009 .result .list_item > div:nth-child(5) {width: 150px;} .BRD009 .result .list_item > div:nth-child(6) {width: 150px;} /* 게시판 사용관리 등록 */ diff --git a/egovframe-template-simple-react-contribution/src/css/response.css b/egovframe-template-simple-react-contribution/src/css/response.css index 421c2dc..782e0ed 100644 --- a/egovframe-template-simple-react-contribution/src/css/response.css +++ b/egovframe-template-simple-react-contribution/src/css/response.css @@ -1,6 +1,5 @@ @charset "utf-8"; - @media (max-width: 800px) { /* Layout */ @@ -44,14 +43,14 @@ .c_wrap {width: 100%; padding: 0;} .c_wrap .layout {display: block;} .c_wrap .layout .nav {display: block; position: relative; width: 100%;} - .c_wrap .layout .nav .inner {border: 0; border-radius: 0; border-bottom: 1px solid #e6e6e6; overflow-x: auto; -ms-overflow-style: none; box-shadow: 3px 4px 5px #ccc;} + .c_wrap .layout .nav .inner {border: 0; border-radius: 5px; border-bottom: 1px solid #e6e6e6; overflow-x: auto; -ms-overflow-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-top: 5px;} .c_wrap .layout .nav .inner::-webkit-scrollbar {display: none;} .c_wrap .layout .nav h2 {position: absolute; top: -9999px;} .c_wrap .layout .nav ul {padding: 0 20px;} - .c_wrap .layout .nav ul.menu4 {width: 570px;} + .c_wrap .layout .nav ul.menu4 {max-width: 570px;} .c_wrap .layout .nav ul.menu6 {width: 1000px;} .c_wrap .layout .nav ul::after {content: ""; display: block; clear: both;} - .c_wrap .layout .nav ul li {float: left;} + .c_wrap .layout .nav ul li {float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* added by lim width: 50%; ~~~~ overflow: hidden;*/ .c_wrap .layout .nav ul li + li {margin-top: 0;} .c_wrap .layout .nav ul li a {height: 45px; padding: 0 25px; font-size: 15px; line-height: 45px;} .c_wrap .layout .nav ul li a:hover::after {content: none;} @@ -432,6 +431,7 @@ .QNA_LIST .third_2 .w_500 {width: 100%;} + /* 로그현황 - 개인정보 로그현황*/ .BRD009 .head {display: none;} .BRD009 .result .list_item {padding: 16px 0; border-bottom: 1px solid #dde2e5;} .BRD009 .result .list_item > div {border-bottom: 0; font-size: 14px;} @@ -543,7 +543,8 @@ .SITE_INTRO .ds_1 .li_1 li {width: 90px; height: 90px; padding-top: 25px;} .SITE_INTRO .ds_1 .li_1 li + li {margin-left: 5px;} - + + /* 로그현황 - 개인정보 로그현황*/ .BRD009 .result .list_item > div:nth-child(3), .BRD009 .result .list_item > div:nth-child(4), .BRD009 .result .list_item > div:nth-child(5),