diff --git a/web/src/App.jsx b/web/src/App.jsx index ae63d4a..a10f463 100644 --- a/web/src/App.jsx +++ b/web/src/App.jsx @@ -1,24 +1,24 @@ // eslint-disable-next-line no-unused-vars -import React from "react"; -import { BrowserRouter, Routes, Route } from "react-router-dom"; -import { Home, Contributors, Guide, ProjectList } from "./pages"; -import MasterLayout from "./layouts"; -import { IssueList } from "./pages/Issues/IssuesPage/IssueList"; -import ScrollTop from "./components/ScrollTop"; - +import React from 'react'; +import { BrowserRouter, Routes, Route } from 'react-router-dom'; +import { Home, Contributors, Guide, ProjectList, NotFound } from './pages'; +import MasterLayout from './layouts'; +import { IssueList } from './pages/Issues/IssuesPage/IssueList'; +import ScrollTop from './components/ScrollTop'; function App() { return ( - - - } /> - } /> - } /> - } /> - } /> - - + + + } /> + } /> + } /> + } /> + } /> + } /> + + ); diff --git a/web/src/index.css b/web/src/index.css index 2e44c57..f8a428d 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -1,3 +1,4 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700;800&display=swap'); @tailwind base; @tailwind components; @tailwind utilities; @@ -17,16 +18,16 @@ body { background: #000000; } -::-webkit-scrollbar{ - width:10px; - height:10px; +::-webkit-scrollbar { + width: 10px; + height: 10px; } -::-webkit-scrollbar-track{ +::-webkit-scrollbar-track { background-color: #000000f0; } -::-webkit-scrollbar-thumb{ +::-webkit-scrollbar-thumb { background-color: #facc17; border-radius: 5px; -} \ No newline at end of file +} diff --git a/web/src/pages/NotFound/NotFound.jsx b/web/src/pages/NotFound/NotFound.jsx new file mode 100644 index 0000000..57a8bb3 --- /dev/null +++ b/web/src/pages/NotFound/NotFound.jsx @@ -0,0 +1,56 @@ +const NotFound = () => { + return ( +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 404 +
+
+ +
+ Oops! We couldn't find the page that you're looking. +
+ Please check the address and try again. +
+
+ ); +}; +export default NotFound; diff --git a/web/src/pages/index.js b/web/src/pages/index.js index bcf32f4..566d4d2 100644 --- a/web/src/pages/index.js +++ b/web/src/pages/index.js @@ -1,6 +1,7 @@ /** use this file to export whatever is needed outside the pages folder */ -export { default as Home } from "./Home/Home"; -export { default as Contributors } from "./Contributors/Contributors"; -export { default as Guide } from "./Docs/Guide"; -export { default as ProjectList } from "./Issues/ProjectList"; +export { default as Home } from './Home/Home'; +export { default as Contributors } from './Contributors/Contributors'; +export { default as Guide } from './Docs/Guide'; +export { default as ProjectList } from './Issues/ProjectList'; +export { default as NotFound } from './NotFound/NotFound';