diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css index e52dc10..3ad7ab5 100644 --- a/egovframe-template-simple-react-contribution/src/css/page.css +++ b/egovframe-template-simple-react-contribution/src/css/page.css @@ -445,6 +445,33 @@ .BRD015 .result .list_item > div:nth-child(3) {width: 30%; text-align: left; padding-left: 5px;} .BRD015 .result .list_item > div:nth-child(4) {width: 30%; text-align: left; padding-left: 5px;} + /* API */ + .BRD016 .head > span:nth-child(1) {position: relative; width: 20%; } + .BRD016 .head > span:nth-child(2) {position: relative; width: 50%; } + .BRD016 .head > span:nth-child(3) {position: relative; width: 30%; } + .BRD016 .head > span:nth-child(-n+2)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;} + .BRD016 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;} + .BRD016 .result .list_item > div:nth-child(2) {width: 50%; padding: 10px 0;} + .BRD016 .result .list_item > div:nth-child(3) {width: 30%; padding: 10px 0;} + + .BRD017 .head > span:nth-child(1) {position: relative; width: 20%; } + .BRD017 .head > span:nth-child(2) {position: relative; width: 20%; } + .BRD017 .head > span:nth-child(3) {position: relative; width: 25%; } + .BRD017 .head > span:nth-child(4) {position: relative; width: 20%; } + .BRD017 .head > span:nth-child(5) {position: relative; width: 15%; } + .BRD017 .head > span:nth-child(-n+4)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;} + .BRD017 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;} + .BRD017 .result .list_item > div:nth-child(2) {width: 20%; padding: 10px 0;} + .BRD017 .result .list_item > div:nth-child(3) {width: 25%; padding: 10px 0;} + .BRD017 .result .list_item > div:nth-child(4) {width: 20%; padding: 10px 0;} + .BRD017 .result .list_item > div:nth-child(5) {width: 15%; padding: 10px 0;} + + .BRD018 .head > span:nth-child(1) {position: relative; width: 15%; } + .BRD018 .head > span:nth-child(2) {position: relative; width: 85%; padding: 10px; text-align: left;} + .BRD018 .head > span:nth-child(-n+1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;} + .BRD018 .result .list_item > div:nth-child(1) {width: 15%; padding: 10px 0;} + .BRD018 .result .list_item > div:nth-child(2) {width: 85%; padding: 10px; text-align: left;} + /* 찾아오시는길 */ .SITE_CONTACT_US .map {margin-top: 43px;} diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx index 759a2db..7a7afa3 100644 --- a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx @@ -1,11 +1,23 @@ import React, { useState } from 'react'; import {Link, useLocation, useNavigate} from 'react-router-dom'; import * as EgovNet from 'api/egovFetch'; -import URL from "../../constants/url"; + +import URL from "constants/url"; +import Row from 'react-bootstrap/Row'; +import Col from 'react-bootstrap/Col'; +import Button from 'react-bootstrap/Button'; +import Modal from 'react-bootstrap/Modal'; function API(){ + const [show, setShow] = useState(false); + const [modalContent, setModalContent] = useState({}); + const handleClose = () => setShow(false); - + const goToCreate = () => { + // 모달창 띄우기 + setModalContent(); + setShow(true); + }; return (