From cfa7dbf9c6739ac8c033ad3d9c377fabb0de1361 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B0=95=EC=84=9D=20=EC=B5=9C?= <cks0504_p@daum.net>
Date: Thu, 26 Oct 2023 09:47:10 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EB=94=A9=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=ED=81=AC=EA=B8=B0,=20=EC=9C=84=EC=B9=98=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Loading.jsx                | 21 +++++++++----------
 .../src/components/Loading.style.jsx          |  7 +++++++
 .../src/pages/standardCode/Sb.style.js        |  7 -------
 .../src/pages/standardCode/viewer.js          |  2 +-
 4 files changed, 18 insertions(+), 19 deletions(-)
 create mode 100644 egovframe-template-simple-react-contribution/src/components/Loading.style.jsx

diff --git a/egovframe-template-simple-react-contribution/src/components/Loading.jsx b/egovframe-template-simple-react-contribution/src/components/Loading.jsx
index 105c1c7..7de64dd 100644
--- a/egovframe-template-simple-react-contribution/src/components/Loading.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/Loading.jsx
@@ -2,20 +2,19 @@ import React from 'react';
 import {Blocks} from "react-loader-spinner";
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
+import {LoadingDiv} from "./Loading.style";
 
 function Loading () {
     return (
-        <Row className="justify-content-center">
-            <Col xs="1">
-                <Blocks
-                    height="80"
-                    width="80"
-                    ariaLabel="blocks-loading"
-                    wrapperStyle={{}}
-                    wrapperClass="blocks-wrapper"
-                />
-            </Col>
-        </Row>
+        <LoadingDiv>
+            <Blocks
+                height="150"
+                width="150"
+                ariaLabel="blocks-loading"
+                wrapperStyle={{}}
+                wrapperClass="blocks-wrapper"
+            />
+        </LoadingDiv>
     ) ;
 };
 
diff --git a/egovframe-template-simple-react-contribution/src/components/Loading.style.jsx b/egovframe-template-simple-react-contribution/src/components/Loading.style.jsx
new file mode 100644
index 0000000..9c27ea0
--- /dev/null
+++ b/egovframe-template-simple-react-contribution/src/components/Loading.style.jsx
@@ -0,0 +1,7 @@
+import styled from 'styled-components'
+
+export const LoadingDiv = styled.div`
+  min-height: 83vh;
+  padding-top: calc(40vh - 150px);
+  padding-left: calc(54vw - 150px);
+`
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js
index 4f19d4b..425da12 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js
@@ -1,5 +1,4 @@
 import styled from "styled-components";
-import { Link } from 'react-router-dom';
 
 // 사이드바 전체를 감싸는 div
 export const SbContainer = styled.div`
@@ -37,10 +36,4 @@ export const VwDiv = styled.div`
 
 export const VwPtag = styled.p`
   cursor: ${props => (props.isTitle?'pointer':'')};
-`;
-
-// 제일 하위메뉴에서 클릭할 Link
-export const SbLink = styled(Link)`
-  color: inherit;
-  text-decoration: inherit;
 `;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
index a889614..3077f96 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
@@ -186,7 +186,7 @@ function CodeViewer(props) {
     console.groupEnd("viewer");
     return (
         <>
-            {treeLoading && docLoading? (<Loading/>):(
+            {treeLoading || docLoading? (<Loading/>):(
                 <Row className="mx-0">
                     <Col xs={12} className="border-bottom">
                         <Row>