로딩화면 크기, 위치 조정

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">
+        <LoadingDiv>
-            <Col xs="1">
             <Blocks
-                    height="80"
+                height="150"
-                    width="80"
+                width="150"
                 ariaLabel="blocks-loading"
                 wrapperStyle={{}}
                 wrapperClass="blocks-wrapper"
             />
-            </Col>
+        </LoadingDiv>
-        </Row>
     ) ;
 };
 

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);
+`

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`
@@ -38,9 +37,3 @@ 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;
-`;

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>