diff options
Diffstat (limited to 'src/app/anime/search')
| -rw-r--r-- | src/app/anime/search/page.jsx | 6 | ||||
| -rw-r--r-- | src/app/anime/search/search.module.css | 23 |
2 files changed, 28 insertions, 1 deletions
diff --git a/src/app/anime/search/page.jsx b/src/app/anime/search/page.jsx index ce037cb..43b5cd7 100644 --- a/src/app/anime/search/page.jsx +++ b/src/app/anime/search/page.jsx @@ -5,6 +5,7 @@ import { FaSearch } from "react-icons/fa"; // Import the search icon from react- import { useState } from "react"; import Results from "./components/fetchInfo"; import fetchedInfo from "./components/fetchedInfo"; +import Link from "next/link"; export default function Input() { const [searchedAnime, setSearchedAnime] = useState(null); @@ -47,6 +48,11 @@ export default function Input() { className={styles.SearchInput} ></input> </div> + <button> + <Link href={"/anime/history/continueWatching"}> + Watch History + </Link> + </button> </div> {loading && ( diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css index feff8bc..e91133f 100644 --- a/src/app/anime/search/search.module.css +++ b/src/app/anime/search/search.module.css @@ -5,6 +5,27 @@ color: white; } +.inputContainer { + display: flex; + align-items: center; +} + +.inputContainer button { + margin: 5px; + background-color: #121212; + padding: 10px; + border-radius: 10px; + outline: none; + border: none; + color: white; + font-family: "Atkinson Hyperlegible"; +} + +.inputContainer button a { + text-decoration: none; + color: white; +} + .searchContainer input { border: none; border-radius: 5px; @@ -77,7 +98,7 @@ .anime p { color: white; width: 20dvw; - font-family: "Atkinson"; + font-family: "Atkinson Hyperlegible"; font-size: 18px; } |