egovframe-template-simple-react-contribution/src/css/Custom/customMain.css

@@ -11,61 +11,3 @@
 .mainbnt:hover{
     background-color: #212121;
 }
-
-.code_list .head >span:nth-child(1),.code_list .result .List_Codes >div:nth-child(1){
-    text-align: left;
-    width: 12%;
-}
-.code_list .head >span:nth-child(2),.code_list .result .List_Codes >div:nth-child(2){
-    text-align: left;
-    width: 13%;
-}
-.code_list .head >span:nth-child(3),.code_list .result .List_Codes >div:nth-child(3){
-    text-align: left;
-    width: 10%;
-}
-.code_list .head >span:nth-child(4),.code_list .result .List_Codes >div:nth-child(4) {
-    width: 36%;
-    text-align: left;
-}
-.code_list .head >span:nth-child(5),.code_list .result .List_Codes >div:nth-child(5){
-    width: 7%;
-}
-.code_list .head >span:nth-child(6),.code_list .result .List_Codes >div:nth-child(6){
-    width: 7%;
-}
-.code_list .head > span:nth-child(7),.code_list .result .List_Codes >div:nth-child(7){
-    width: 7%;
-}
-.code_list .head >span:nth-child(8),.code_list .result .List_Codes >div:nth-child(8){
-    width: 8%;
-}
-.code_list .result .List_Codes >div:nth-child(1),
-.code_list .result .List_Codes >div:nth-child(2),
-.code_list .result .List_Codes >div:nth-child(3),
-.code_list .result .List_Codes >div:nth-child(4),
-.code_list .result .List_Codes >div:nth-child(5),
-.code_list .result .List_Codes >div:nth-child(6),
-.code_list .result .List_Codes >div:nth-child(7),
-.code_list .result .List_Codes >div:nth-child(8){
-    font-size: 14px;
-}
-.codelistcontent{
-    padding: 0 0;
-    width: 80%;
-}
-.StandardCodeList{
-    max-width: 100%;
-}
-.listtablediv{
-    padding: 0 !important;
-}
-
-
-
-
-
-
-
-
-

egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx

@@ -5,11 +5,11 @@ import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
 import { NOTICE_BBS_ID } from 'config';
 
+
 import EgovPaging from 'components/EgovPaging';
 import { itemIdxByPage } from 'utils/calc';
 
 import {StandardCodeListModal, StandardCodeListModalTable} from './StandardCodeListModal'
-import {AiFillFileMarkdown, AiFillStar} from "react-icons/ai";
 
 function StandardCodeList(props) {
     const {listCode} = useParams();
@@ -117,14 +117,21 @@ function StandardCodeList(props) {
                         <Link
                             key={listIdx}
                             className="list_item List_Codes" >
-                            <div className="mainCategory">{item.mainCategory}</div>
+                            <div>{item.mainCategory}</div>
-                            <div className="middleCategory">{item.middleCategory}</div>
+                            <div>{item.middleCategory}</div>
-                            <div className="kcscCd">{item.kcscCd}</div>
+                            <div>{item.kcscCd}</div>
-                            <div className="groupNm">{item.groupNm}</div>
+                            {(item.replyLc * 1 ? true : false) &&
-                            <div className="Revisionhistory"><button onClick={showhandling}  data-groupseq = {item.groupSeq}>개정이력</button></div>
+                            <div className="al reply">
-                            <div className="fille">{item.contentcount>0?<a className="vieweratag" href = {"/standardCode/viewer/"+item.kcscCd}>내용보기</a>:null}</div>
+                                {item.groupNm}
-                            <div className="viewer"><a href ={"https://www.kcsc.re.kr/file/DownloadGrp/"+item.docFileGrpId}><AiFillFileMarkdown/></a></div>
+                            </div>}
-                            <div className="star"><AiFillStar/></div>
+                            {(item.replyLc * 1 ? false : true) &&
+                            <div className="al">
+                                {item.groupNm}
+                            </div>}
+                            <div><button onClick={showhandling}  data-groupseq = {item.groupSeq}>개정이력</button></div>
+                            <div>{item.contentcount>0?<a href = {"/standardCode/viewer/"+item.kcscCd}>{item.kcscCd}</a>:null}</div>
+                            <div>{item.docFileGrpId}</div>
+                            <div></div>
 
                         </Link>
                     );
@@ -147,7 +154,7 @@ function StandardCodeList(props) {
     console.groupEnd("StandardCodeList");
     return (
         <div className="StandardCodeList container">
-            <div className="c_wrap codelistcontent">
+            <div className="c_wrap">
                 {/* <!-- Location --> */}
                 <div className="location">
                     <ul>
@@ -163,7 +170,7 @@ function StandardCodeList(props) {
 
                     {/* <!--// Navigation --> */}
 
-                    <div className="contents NOTICE_LIST listtablediv" id="contents">
+                    <div className="contents NOTICE_LIST" id="contents">
                         {/* <!-- 본문 --> */}
 
                         <div className="top_tit">
@@ -209,7 +216,7 @@ function StandardCodeList(props) {
                         {/* <!--// 검색조건 --> */}
 
                         {/* <!-- 게시판목록 --> */}
-                        <div className="board_list BRD002 code_list">
+                        <div className="board_list BRD002">
                             <div className="head">
                                 <span>대분류</span>
                                 <span>중분류</span>