diff --git a/src/App.js b/src/App.js index bc9a9ec8..b46ff819 100644 --- a/src/App.js +++ b/src/App.js @@ -86,7 +86,7 @@ export default function App() { } /> } /> - } /> + } /> diff --git a/src/components/NotFound.jsx b/src/components/NotFound.jsx index 34d73f02..432ed79a 100644 --- a/src/components/NotFound.jsx +++ b/src/components/NotFound.jsx @@ -1,9 +1,21 @@ -import React from 'react'; +import React, { useEffect } from 'react'; +import useBoardStore from '../useBoardStore'; import { Link } from "react-router-dom"; import { Container, Header, Logo, Page, Boards, BoardsTitle } from './styles/Home.styled'; -const NotFound = () => { +const NotFound = ({ setBodyStyle }) => { + + const { setSelectedStyle } = useBoardStore(state => state); + + useEffect(() => { + setBodyStyle({ + background: "#ffe url(/assets/fade.png) top repeat-x", + color: "maroon", + fontFamily: "Helvetica, Arial, sans-serif" + }); + setSelectedStyle("Yotsuba"); + }, [setBodyStyle, setSelectedStyle]); return ( diff --git a/src/components/ReplyModal.jsx b/src/components/ReplyModal.jsx index 8634d37c..43f6dc15 100644 --- a/src/components/ReplyModal.jsx +++ b/src/components/ReplyModal.jsx @@ -49,6 +49,7 @@ const StyledModal = styled(Modal)` outline: medium none; width: 298px; padding: 2px; + margin-bottom: 1px; } textarea { @@ -56,6 +57,7 @@ const StyledModal = styled(Modal)` float: left; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; + margin-top: 0.5px; } #captcha-container { @@ -269,14 +271,16 @@ const ReplyModal = ({ isOpen, closeModal }) => {
- +
- +
- Challenge 1 of 3 - + +
+
+