Commit 6fcc3bac authored by Kim, Subin's avatar Kim, Subin
Browse files

bootstrap 적용 및 기타

parent ec8a3d0b
...@@ -10,11 +10,13 @@ function App() { ...@@ -10,11 +10,13 @@ function App() {
return ( return (
<Router basename={process.env.PUBLIC_URL}> <Router basename={process.env.PUBLIC_URL}>
<Switch> <Switch>
<Route path="/" component={Err} /> <div style={{ width: "400px" }}>
<Route path="/home" component={HomePage} /> <Route path="/" component={Err} />
<Route path="/schedule/edit" component={ScheduleEditPage} /> <Route path="/home" component={HomePage} />
<Route path="/schedule" component={SchedulePage} /> <Route path="/schedule/edit" component={ScheduleEditPage} />
<PrivateRoute path="/admin" component={AdminPage} role="admin" /> <Route path="/schedule" component={SchedulePage} />
{/* <PrivateRoute path="/admin" component={AdminPage} role="admin" /> */}
</div>
</Switch> </Switch>
</Router> </Router>
); );
......
...@@ -2,6 +2,7 @@ import React from 'react'; ...@@ -2,6 +2,7 @@ import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import './index.css'; import './index.css';
import 'bootstrap'; import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import App from './App'; import App from './App';
import reportWebVitals from './reportWebVitals'; import reportWebVitals from './reportWebVitals';
......
const ErrorPage = () => { const ErrorPage = () => {
return ( return (
<div className="bg-white " id="notfound"> <div className="d-flex bg-white" id="notfound">
<div className="notfound" style={{ backgroundImage: `url(/ku-tiger.png)`, backgroundSize: "cover" }}> <div className="notfound">
<div className="notfound-404"></div> <img src="./ku-tiger.png" />
<h1>404</h1> <h1>404</h1>
<h2>Oops! Page Not Be Found</h2> <h2 className="text-center">Oops! Page Not Be Found</h2>
<p>Sorry but the page you are looking for does not exist, have been removed. name changed or is temporarily unavailable</p> <p>Sorry but the page you are looking for does not exist, have been removed. name changed or is temporarily unavailable</p>
<a href="/">Back to homepage</a> <a className="text-center" href="/login">Back to login</a>
</div> </div>
</div> </div>
) )
......
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