aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorreal-zephex <[email protected]>2024-04-12 08:48:35 +0530
committerreal-zephex <[email protected]>2024-04-12 08:48:35 +0530
commitaa6ee5cf96542132c4fea66a4bfc111621f4f049 (patch)
tree2e2f0bf00eaf2822a5c77c1176d252b0e4d0835b /src
parentadded sharp npm package (diff)
downloaddramalama-aa6ee5cf96542132c4fea66a4bfc111621f4f049.tar.xz
dramalama-aa6ee5cf96542132c4fea66a4bfc111621f4f049.zip
fixes: manga search is now fixed. removed the netlify card from the homepage because the vercel one is stable enough.
Diffstat (limited to 'src')
-rw-r--r--src/app/manga/[title]/[id]/page.jsx2
-rw-r--r--src/app/manga/[title]/page.jsx2
-rw-r--r--src/app/manga/[title]/title.module.css15
-rw-r--r--src/app/manga/manga.module.css5
-rw-r--r--src/app/page.jsx7
5 files changed, 21 insertions, 10 deletions
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index f51a712..6ab436e 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -37,7 +37,7 @@ export default async function MangaInfo({ params }) {
padding: 5,
}}
>
- {data.title["romaji"]}
+ {data.title["english"] || data.title["romaji"]}
</p>
<Image
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${data.image}`}
diff --git a/src/app/manga/[title]/page.jsx b/src/app/manga/[title]/page.jsx
index 1e846db..e4cc659 100644
--- a/src/app/manga/[title]/page.jsx
+++ b/src/app/manga/[title]/page.jsx
@@ -66,7 +66,7 @@ export default async function MangaInfo({ params }) {
async function GetSearchedAnime(title) {
const res = await fetch(
- "https://consumet-api-di2e.onrender.com/meta/anilist-manga/" + title
+ "https://consumet-jade.vercel.app/meta/anilist-manga/" + title
);
const data = await res.json();
return data;
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index c832d85..8a87422 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -1,5 +1,5 @@
.Main {
- max-width: 90%;
+ max-width: 95%;
margin: 60px auto;
}
@@ -26,14 +26,17 @@
border-width: 4px;
align-items: center;
cursor: pointer;
- transition: transform 0.2s linear;
+ transition: opacity 200ms linear, transform 200ms linear;
}
-.MangaEntries:hover {
- transition: transform 0.2s linear;
- transform: scale(1.01);
- border-color: #535353 #686868;
+/* THIS WORKS*/
+.MangaContainer:hover .MangaEntries {
+ opacity: 0.5;
+}
+.MangaContainer:hover .MangaEntries:hover {
+ opacity: 1;
+ transform: scale(1.01);
}
.MangaInfo {
diff --git a/src/app/manga/manga.module.css b/src/app/manga/manga.module.css
index e88b6ea..d321533 100644
--- a/src/app/manga/manga.module.css
+++ b/src/app/manga/manga.module.css
@@ -20,6 +20,7 @@
border-style: dotted;
border-color: rgb(63, 63, 63);
border-width: 2px;
+ width: 20dvw
}
.SearchBar input {
@@ -38,4 +39,8 @@
.MangaSVG {
width: 100%;
}
+
+ .SearchBar {
+ width: 50dvw;
+ }
} \ No newline at end of file
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 2d45156..99cc758 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -31,9 +31,12 @@ export default function Home() {
</div>
</div>
<div className={styles.netlifyLogo}>
- <Link href={"https://dramalama.netlify.app"} target="_blank">
+ <Link
+ href={"https://github.com/real-zephex/Dramalama"}
+ target="_blank"
+ >
<Image
- src={"/netlify.svg"}
+ src={"/github.svg"}
width={300}
height={130}
alt="Netlify Logo"