Commit 3ef60774 authored by Kim, Subin's avatar Kim, Subin
Browse files

스케쥴, 신청, 홈 페이지

parent cd650135
...@@ -5,6 +5,9 @@ import "tui-date-picker/dist/tui-date-picker.css"; ...@@ -5,6 +5,9 @@ import "tui-date-picker/dist/tui-date-picker.css";
import "tui-time-picker/dist/tui-time-picker.css"; import "tui-time-picker/dist/tui-time-picker.css";
import moment from 'moment'; import moment from 'moment';
import axios from 'axios'; import axios from 'axios';
import { Image, Button } from 'react-bootstrap';
import leftArrow from '../caret-left-fill.svg';
import rightArrow from '../caret-right-fill.svg';
function Cal(props) { function Cal(props) {
const calendarRef = useRef(null); const calendarRef = useRef(null);
...@@ -76,17 +79,17 @@ function Cal(props) { ...@@ -76,17 +79,17 @@ function Cal(props) {
return ( return (
<div> <div>
<div id="menu"> <div id="menu" className="p-2">
<span id="menu-navi" onClick={(e) => onClickNavi(e)}> <span id="menu-navi" onClick={(e) => onClickNavi(e)}>
<button type="button" className="btn btn-default btn-sm move-today" data-action="move-today">Today</button> <Button variant="default" size="sm" className="move-today" data-action="move-today">Today</Button>
<button type="button" className="btn btn-default btn-sm move-day" data-action="move-prev"> <Button variant="default" size="sm" className="move-day" data-action="move-prev">
<i class="calendar-icon ic-arrow-line-left" data-action="move-prev"></i> <Image class="calendar-icon" src={leftArrow} data-action="move-prev"></Image>
</button> </Button>
<button type="button" className="btn btn-default btn-sm move-day" data-action="move-next"> <Button variant="default" size="sm" className="move-day" data-action="move-next">
<i className="calendar-icon ic-arrow-line-right" data-action="move-next"></i> <Image className="calendar-icon" src={rightArrow} data-action="move-next"></Image>
</button> </Button>
</span> </span>
<span id="renderRange" className="render-range" style={{ height: "5em" }}>{period}</span> <span id="renderRange" className="render-range ml-2" style={{ height: "5em" }}>{period}</span>
</div> </div>
<Calendar <Calendar
ref={calendarRef} ref={calendarRef}
......
...@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react'; ...@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
import Menu from '../Components/Menu'; import Menu from '../Components/Menu';
import axios from 'axios'; import axios from 'axios';
import { Link, Redirect } from 'react-router-dom'; import { Link, Redirect } from 'react-router-dom';
import 'bootstrap/dist/css/bootstrap.css';
function ACheck(props) { function ACheck(props) {
const [state, setState] = useState() const [state, setState] = useState()
......
This diff is collapsed.
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import Menu from '../Components/Menu'; import Menu from '../Components/Menu';
import Schedule from '../Components/Schedule'; import Schedule from '../Components/Schedule';
import Tabs from 'react-bootstrap/Tabs'; import { Container, Tabs, Tab } from 'react-bootstrap';
import Tab from 'react-bootstrap/Tab';
function Home() { function Home() {
const [key, setKey] = useState('9-116'); const [key, setKey] = useState('9-116');
...@@ -10,7 +9,7 @@ function Home() { ...@@ -10,7 +9,7 @@ function Home() {
return ( return (
<div> <div>
<Menu /> <Menu />
<div className="container mt-3"> <Container className="col-md-10 mt-3">
<h2>대관 현황</h2> <h2>대관 현황</h2>
<p> <p>
<strong>대관 가능 시간</strong> <strong>대관 가능 시간</strong>
...@@ -41,7 +40,7 @@ function Home() { ...@@ -41,7 +40,7 @@ function Home() {
<div className="bg-white"> <div className="bg-white">
<h6>고려대학교 대관시스템</h6> <h6>고려대학교 대관시스템</h6>
</div> </div>
</div> </Container>
</div> </div>
) )
} }
......
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-caret-left-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
</svg>
\ No newline at end of file
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-caret-right-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
</svg>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment