feat: 관리자 - 팝업관리 디자인 변경 건

egovframe-template-simple-react-contribution/src/pages/admin/contents/PopUp.jsx

@@ -23,10 +23,6 @@ const StyledDiv = styled.div`
         }
     }
 
-    .board_btn_area {
-        margin: 12px 0px;
-    }
-
     .board-bot {
         margin-top: 20px;
         display: flex;

egovframe-template-simple-react-contribution/src/pages/admin/contents/StandardResearch.jsx

@@ -13,8 +13,36 @@ import EgovPagingPaginationInfo from 'components/EgovPagingPaginationInfo';
 import styled from "styled-components";
 
 const StyledDiv = styled.div`
-    .board_btn_area {
+    .BRD008 {
-        margin: 12px 0px;
+        .head > span:nth-child(3) {
+            width: 200px;
+        }
+        .result .list_item > div:nth-child(3) {
+            width: 200px;
+        }
+    }
+
+    .board-bot {
+        margin-top: 20px;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        align-items: stretch;
+        justify-content: center;
+        
+        & > *:nth-child(1) {            
+            width: 16%;
+            justify-content: left;
+        }
+        & > *:nth-child(2) {
+            width: 68%;
+            justify-content: center;
+        }
+        & > *:nth-child(3) {
+            width: 16%;
+            justify-content: right;
+        }
     }
 `;
 
@@ -111,13 +139,9 @@ function StandardResearch(props) {
                             <div className="top_tit">
                                 <h1 className="tit_1">건설기준연구 관리</h1>
                             </div>
-                            {/* <!-- 버튼영역 --> */}
+
-                            <div className="board_btn_area">
+
-                                <div className="right_col btn1">
+
-                                    <Link to={URL.ADMIN__CONTENTS__STANDARDS_RESEARCH__CREATE} className="btn btn_blue_h46 w_100">글 작성</Link>
-                                </div>
-                            </div>
-                            {/* <!--// 버튼영역 --> */}
                     
                             {/* <!-- 게시판목록 --> */}
                             <div className="board_list BRD008">
@@ -144,13 +168,27 @@ function StandardResearch(props) {
                             </div>
                             {/* <!--// 게시판목록 --> */}
 
-                            <div className="board_bot">
+
-                                {/* <!-- Paging --> */}
+
+
+
+                            {/* <!-- Paging --> */}
+                            <div className="board-bot">
+                                <div></div>
                                 <EgovPagingPaginationInfo pagination={paginationInfo} setPaginationInfo={setPaginationInfo} moveToPage={passedPage => {
                                     getList({ ...searchCondition, pageIndex: passedPage })
                                 }} />
-                                {/* <!--/ Paging --> */}
+                                <div className="right_col btn1">
+                                    <Link to={URL.ADMIN__CONTENTS__STANDARDS_RESEARCH__CREATE} className="btn btn_blue_h46 w_100">등록</Link>
+                                </div>
+                                
                             </div>
+                            {/* <!--/ Paging --> */}
+
+
+                          
+
+
                         </StyledDiv>                        
                         {/* <!--// 본문 --> */}
                     </div>