aboutsummaryrefslogtreecommitdiff
path: root/src/app/anime/search
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/anime/search')
-rw-r--r--src/app/anime/search/components/fetchInfo.js2
-rw-r--r--src/app/anime/search/components/fetchedInfo.js6
-rw-r--r--src/app/anime/search/search.module.css10
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