diff options
Diffstat (limited to 'src/app/anime/search')
| -rw-r--r-- | src/app/anime/search/components/fetchInfo.js | 2 | ||||
| -rw-r--r-- | src/app/anime/search/components/fetchedInfo.js | 6 | ||||
| -rw-r--r-- | src/app/anime/search/search.module.css | 10 |
3 files changed, 12 insertions, 6 deletions
diff --git a/src/app/anime/search/components/fetchInfo.js b/src/app/anime/search/components/fetchInfo.js index 07b203d..a458607 100644 --- a/src/app/anime/search/components/fetchInfo.js +++ b/src/app/anime/search/components/fetchInfo.js @@ -6,7 +6,7 @@ export default async function Results(id) { async function testFunction(title) { const res = await fetch( - "https://consumet-api-di2e.onrender.com/anime/gogoanime/" + title, + "https://consumet-jade.vercel.app/anime/gogoanime/" + title, { cache: "force-cache" } ); const data = await res.json(); diff --git a/src/app/anime/search/components/fetchedInfo.js b/src/app/anime/search/components/fetchedInfo.js index 9a1d187..aa3ffb1 100644 --- a/src/app/anime/search/components/fetchedInfo.js +++ b/src/app/anime/search/components/fetchedInfo.js @@ -1,8 +1,10 @@ import styles from "../search.module.css"; import Link from "next/link"; import Image from "next/image"; +import { preFetchAnimeInfo } from "../../videoLinkfetcher"; export default async function fetchedInfo(data) { + preFetchAnimeInfo(data); return ( <div className={styles.animeEntry}> {data ? ( @@ -16,10 +18,10 @@ export default async function fetchedInfo(data) { <div className={styles.anime}> <p>{item.title}</p> <Image - src={item.image} + src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`} className={styles.animeImage} width={120} - height={160} + height={180} alt="Drama Poster" /> </div> diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css index 28fae6e..74bd7f2 100644 --- a/src/app/anime/search/search.module.css +++ b/src/app/anime/search/search.module.css @@ -37,7 +37,7 @@ } .animeEntry:hover .anime { - opacity: 0.5; + opacity: 0.4; } .animeEntry:hover .anime:hover { @@ -63,13 +63,13 @@ display: flex; justify-content: space-between; align-items: center; - padding: 10px; + padding: 5px; border-style: dotted; border-color: #636363; margin: 10px 10px 0px 0px; border-radius: 10px; border-width: 4px; - transition: opacity 400ms ease-in; + transition: opacity 200ms ease-in; background-color: #353535a6; } @@ -90,4 +90,8 @@ .searchContainer { width: 70%; } + + .anime p { + width: 50dvw; + } }
\ No newline at end of file |