퍼블 업뎃

egovframe-template-simple-react-contribution/src/css/base.css

@@ -86,6 +86,7 @@ button {cursor: pointer;}
 .h_30 {height: 30px;}
 .h_50 {height: 50px;}
 .h_100 {height: 100px;}
+.h_300 {height: 300px;}
 .h-100 {height: 100%;}
 
 .f_11 {font-size: 11px;}

egovframe-template-simple-react-contribution/src/css/component.css

@@ -22,19 +22,19 @@
 .btn_red_h46 {height: 46px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 46px; text-align: center; background: #ed898b; padding: 0 1rem 0 1rem !important;}
 .btn_red_h46:hover {height: 46px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 46px; text-align: center; border: 1px solid #ed898b; padding: 0 1rem 0 1rem !important;}
 
-.btn_blue_h32 {height: 32px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 32px; text-align: center; background: #169bd5; padding: 0 1rem 0 1rem !important;}
-.btn_blue_h32:hover {height: 32px; border-radius: 5px; color: #169bd5; font-size: 15px; line-height: 32px; text-align: center; border: 1px solid #169bd5; padding: 0 1rem 0 1rem !important;}
-.btn_skyblue_h32 {height: 32px; border-radius: 5px; color: #005b82; font-size: 15px; line-height: 32px; text-align: center; background: #daedf5; padding: 0 1rem 0 1rem !important;}
-.btn_skyblue_h32:hover {height: 32px; border-radius: 5px; color: #005b82; font-size: 15px; line-height: 32px; text-align: center; border: 1px solid #daedf5; padding: 0 1rem 0 1rem !important;}
-.btn_red_h32 {height: 32px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 32px; text-align: center; background: #ed898b; padding: 0 1rem 0 1rem !important;}
-.btn_red_h32:hover {height: 32px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 32px; text-align: center; border: 1px solid #ed898b; padding: 0 1rem 0 1rem !important;}
+.btn_blue_h32 {height: 32px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 32px; text-align: center; background: #22498E; padding: 0 1rem 0 1rem !important;}
+.btn_blue_h32:hover {height: 32px; border-radius: 5px; color: #22498E; font-size: 15px; line-height: 32px; text-align: center; border: 1px solid #169bd5; padding: 0 1rem 0 1rem !important;}
+.btn_skyblue_h32 {height: 32px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 32px; text-align: center; background: #4476D2; padding: 0 1rem 0 1rem !important;}
+.btn_skyblue_h32:hover {height: 32px; border-radius: 5px; color: #005b82; font-size: 15px; line-height: 32px; text-align: center; border: 1px solid #4476D2; padding: 0 1rem 0 1rem !important;}
+.btn_red_h32 {height: 32px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 32px; text-align: center; background: #B92B2E; padding: 0 1rem 0 1rem !important;}
+.btn_red_h32:hover {height: 32px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 32px; text-align: center; border: 1px solid #B92B2E; padding: 0 1rem 0 1rem !important;}
 
-.btn_blue_h31 {height: 31px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 31px; text-align: center; background: #169bd5; padding: 0 1rem 0 1rem !important;}
-.btn_blue_h31:hover {height: 31px; border-radius: 5px; color: #169bd5; font-size: 15px; line-height: 31px; text-align: center; border: 1px solid #169bd5; padding: 0 1rem 0 1rem !important;}
-.btn_skyblue_h31 {height: 31px; border-radius: 5px; color: #005b82; font-size: 15px; line-height: 31px; text-align: center; background: #daedf5; padding: 0 1rem 0 1rem !important;}
-.btn_skyblue_h31:hover {height: 31px; border-radius: 5px; color: #005b82; font-size: 15px; line-height: 31px; text-align: center; border: 1px solid #daedf5; padding: 0 1rem 0 1rem !important;}
-.btn_red_h31 {height: 31px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 31px; text-align: center; background: #ed898b; padding: 0 1rem 0 1rem !important;}
-.btn_red_h31:hover {height: 31px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 31px; text-align: center; border: 1px solid #ed898b; padding: 0 1rem 0 1rem !important;}
+.btn_blue_h31 {height: 31px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 31px; text-align: center; background: #22498E; padding: 0 1rem 0 1rem !important;}
+.btn_blue_h31:hover {height: 31px; border-radius: 5px; color: #22498E; font-size: 15px; line-height: 31px; text-align: center; border: 1px solid #169bd5; padding: 0 1rem 0 1rem !important;}
+.btn_skyblue_h31 {height: 31px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 31px; text-align: center; background: #4476D2; padding: 0 1rem 0 1rem !important;}
+.btn_skyblue_h31:hover {height: 31px; border-radius: 5px; color: #005b82; font-size: 15px; line-height: 31px; text-align: center; border: 1px solid #4476D2; padding: 0 1rem 0 1rem !important;}
+.btn_red_h31 {height: 31px; border-radius: 5px; color: #fff; font-size: 15px; line-height: 31px; text-align: center; background: #B92B2E; padding: 0 1rem 0 1rem !important;}
+.btn_red_h31:hover {height: 31px; border-radius: 5px; color: darkred; font-size: 15px; line-height: 31px; text-align: center; border: 1px solid #B92B2E; padding: 0 1rem 0 1rem !important;}
 
 .btn_upload {position: relative; width: 180px; height: 46px; border-radius: 5px; color: #fff; font-size: 16px; line-height: 46px; text-align: center; background: #169bd5;}
 .btn_upload span {display: inline-block; height: 46px; line-height: 46px;}

egovframe-template-simple-react-contribution/src/pages/admin/config/MenuAuthMgt.jsx

@@ -68,7 +68,7 @@ function MenuAuthMgt(props) {
                             <div>{item.menuTitle}</div>
                             {checkboxs}
                             <div className={"saveBtnDiv"}>
-                                <button className={"btn btn_blue_h31 px-1"} onClick={()=>{editMenu(item)}}>저장</button>
+                                <button className={"btn btn_skyblue_h31 px-1"} onClick={()=>{editMenu(item)}}>저장</button>
                             </div>
                         </div>
                     );

egovframe-template-simple-react-contribution/src/pages/admin/config/MenuMgt.jsx

@@ -35,10 +35,10 @@ function MenuMgt({}) {
                         <div className={"list_item"} key={"userListDiv_"+index}>
                             <div>{item.menuGroup?'└ ':''}{item.menuId}</div>
                             <div>{item.menuTitle}</div>
-                            <div>{item.menuUrl}</div>
+                            <div className={"text-start ps-5"}>{item.menuUrl}</div>
                             <div>{item.menuTypeValue}</div>
                             <div>
-                                <button className={"btn btn_blue_h31 px-1"} onClick={()=>{editMenu(item)}}>수정</button>
+                                <button className={"btn btn_skyblue_h31 px-1"} onClick={()=>{editMenu(item)}}>수정</button>
                             </div>
                         </div>
                     );

egovframe-template-simple-react-contribution/src/pages/admin/config/aboutSiteMgt/AboutSiteModal.jsx

@@ -1,11 +1,14 @@
 import React, {useState, useEffect, useRef} from 'react';
 import {Link, useNavigate, useLocation, useParams} from 'react-router-dom';
 import Modal from "react-bootstrap/Modal";
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
 
 import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
 import CODE from 'constants/code';
 
+
 import {default as EgovLeftNav} from 'components/leftmenu/EgovLeftNavAdmin';
 import EgovRadioButtonGroup from 'components/EgovRadioButtonGroup';
 import {Form} from "react-bootstrap";
@@ -259,19 +262,18 @@ function AboutSiteModal({props, reloadFunction}) {
                         </dl>
 
                         {/* <!-- 버튼영역 --> */}
-                        <div className="board_btn_area">
-                            <div className="left_col btn1">
-                                <button type="submit" className="btn btn_skyblue_h46 w_100">저장
+                        <Row className="board_btn_area">
+                            <Col>
+                                <button type={"button"} className="btn btn_blue_h32" onClick={()=>{reloadFunction()}}>목록</button>
+                            </Col>
+                            <Col className="text-end">
+                                <button type="submit" className="btn btn_skyblue_h32">저장
                                 </button>
                                 {modeInfo.mode === CODE.MODE_MODIFY &&
-                                <button type={"button"} className="btn btn_skyblue_h46 w_100" onClick={()=>{deletePartnerSite(props)}}>삭제</button>
+                                <button type={"button"} className="btn btn_red_h32" onClick={()=>{deletePartnerSite(props)}}>삭제</button>
                                 }
-                            </div>
-
-                            <div className="right_col btn1">
-                                <button type={"button"} className="btn btn_blue_h46 w_100" onClick={()=>{reloadFunction()}}>목록</button>
-                            </div>
-                        </div>
+                            </Col>
+                        </Row>
                         {/* <!--// 버튼영역 --> */}
                     </Form>
                 </div>

egovframe-template-simple-react-contribution/src/pages/admin/config/menuMgt/MenuModal.jsx

@@ -138,7 +138,7 @@ function MenuModal({savedInfo, reloadFunction}){
                         {savedInfo !== undefined?<Col xs={2}><button type={"button"} className={"btn btn_red_h31 px-3"} onClick={()=>{deleteMenu(savedInfo.menuId)}}>삭제</button></Col>:''}
                         <Col xs={{span: savedInfo!==undefined?8:10}}></Col>
                         <Col xs={2}>
-                            <button type="submit" className={"btn btn_blue_h31 px-3"}>저장</button>
+                            <button type="submit" className={"btn btn_skyblue_h31 px-3"}>저장</button>
                         </Col>
                     </Row>
                 </Form>

egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx

@@ -323,7 +323,7 @@ function EgovMain(props) {
                 <div className="numbox d-flex justify-content-center align-items-center">
                     <div className="numbox_n"><div className="num_text">다운로드 수</div><div className="num_count"><CountUp start={0} end={334345} duration={2.5} separator="," /><span className="unit">건</span></div></div>
                     <div className="numbox_n"><div className="num_text">회원가입자 수</div><div className="num_count"><CountUp start={0} end={12345} duration={2.5} separator="," /><span className="unit">명</span></div></div>
-                    <div className="numbox_n"><div className="num_text">일 편균 방문자</div><div className="num_count"><CountUp start={0} end={56427} duration={2.5} separator="," /><span className="unit">명</span></div></div>
+                    <div className="numbox_n"><div className="num_text">일 평균 방문자</div><div className="num_count"><CountUp start={0} end={56427} duration={2.5} separator="," /><span className="unit">명</span></div></div>
                     <div className="numbox_n"><div className="num_text">개정고시</div><div className="num_count"><CountUp start={0} end={99875} duration={2.5} separator="," /><span className="unit">건</span></div></div>
                 </div>
 
@@ -434,21 +434,24 @@ function EgovMain(props) {
                                 <Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
                             </Row>
                             <Row className={"qnabox_n_title pt-2"}><Link to={URL.SUPPORT_DETAIL} className={"text-secondary p-0"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Link></Row>
-                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
+                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row>
+                        </div>
                         <div className="qnabox_n">
                             <Row>
                                 <Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
                                 <Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
                             </Row>
                             <Row className={"qnabox_n_title pt-2"}><Link to={URL.SUPPORT_DETAIL} className={"text-secondary p-0"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Link></Row>
-                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
+                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row>
+                        </div>
                         <div className="qnabox_n">
                             <Row>
                                 <Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
                                 <Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
                             </Row>
                             <Row className={"qnabox_n_title pt-2"}><Link to={URL.SUPPORT_DETAIL} className={"text-secondary p-0"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Link></Row>
-                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
+                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row>
+                        </div>
                     </div>
                 </div>