style: 관리자 - 위원회 일정관리 디자인 변경 건

egovframe-template-simple-react-contribution/src/pages/admin/committee/Schedules.jsx

@@ -1,12 +1,50 @@
+/* eslint-disable jsx-a11y/heading-has-content */
 import React, { useState, useEffect, useCallback } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 
+import styled from "styled-components";
+
+
 import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
 import CODE from 'constants/code';
 
 import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
 
+const StyledDiv = styled.div`
+    .calendar_list table {
+        thead tr th {   
+            height: auto;
+            line-height: 35px;
+            text-align: left;
+        }
+        tbody td {
+            padding: 0px 5px;
+            text-align: left;
+            font-size: 12px;
+            .day {
+                display: inline-block;
+                font-size: 14px;
+                padding-bottom: 7px;
+            }
+            .title {
+                &:link {
+                    color: #647ea3;
+                }
+                &:visited {
+                    color: #647ea3;
+                }
+                &::hover {
+                    color: #345ef3;
+                }
+                &::active {
+                    color: #345ef3;
+                }
+                
+            }
+        }
+    }
+`;
 
 function Schedules(props) {
 
@@ -154,7 +192,7 @@ function Schedules(props) {
                             if (scheduleList.length > 0) {//일정 있는 경우
                                 return (
                                     <td key={keyIdx++}>
-                                        <Link to={{pathname: URL.ADMIN__COMMITTEE__SCHEDULES__CREATE}} sss="test"  state={{ iUseDate: mutsUseYearMonth + sDate + "000000"}} className="day"
+                                        <Link to={{pathname: URL.ADMIN__COMMITTEE__SCHEDULES__CREATE}} state={{ iUseDate: mutsUseYearMonth + sDate + "000000"}} className="day"
                                                 key={keyIdx++}>{day}</Link><br/>
                                         {
                                             scheduleList.map((schedule, scheduleIdx) => {
@@ -168,6 +206,7 @@ function Schedules(props) {
                                                     return (
                                                         <>
                                                             <Link to={{pathname: URL.ADMIN__COMMITTEE__SCHEDULES__DETAIL}}
+                                                                className="title" 
                                                                 state={{schdulId: schedule.schdulId}}
                                                                 key={keyIdx++}>{schedule.schdulNm}
                                                             </Link>
@@ -241,6 +280,7 @@ function Schedules(props) {
                             <h1 className="tit_1">위원회 일정 관리</h1>
                         </div>
 
+                        <StyledDiv>
                             <h2 className="tit_2"></h2>
                             {/* <!-- 검색조건 --> */}
                             <div className="condition">
@@ -312,6 +352,7 @@ function Schedules(props) {
                                     </tbody>
                                 </table>
                             </div>
+                        </StyledDiv>                        
                         {/* <!--// 본문 --> */}
                     </div>
                 </div>