aboutsummaryrefslogtreecommitdiff
path: root/src/app/manga
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/manga')
-rw-r--r--src/app/manga/[title]/[id]/[read]/page.jsx2
-rw-r--r--src/app/manga/[title]/[id]/info.module.css15
-rw-r--r--src/app/manga/[title]/[id]/page.jsx12
-rw-r--r--src/app/manga/[title]/page.jsx15
-rw-r--r--src/app/manga/[title]/title.module.css30
-rw-r--r--src/app/manga/history/continueWatching/cw.module.css4
6 files changed, 45 insertions, 33 deletions
diff --git a/src/app/manga/[title]/[id]/[read]/page.jsx b/src/app/manga/[title]/[id]/[read]/page.jsx
index a2b2555..dc031fd 100644
--- a/src/app/manga/[title]/[id]/[read]/page.jsx
+++ b/src/app/manga/[title]/[id]/[read]/page.jsx
@@ -1,6 +1,8 @@
import styles from "./read.module.css";
import Image from "next/image";
+export const runtime = "edge";
+
export default async function Read({ params }) {
const chapterId = params.read;
const results = await getPages(chapterId);
diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index 1df4583..0420401 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -18,9 +18,8 @@
}
.TitleContainer p {
- font-family: "Lexend Deca", serif;
font-size: 40px;
- font-weight: 1000;
+ font-weight: 700;
}
.TitleContainer img {
@@ -30,13 +29,11 @@
.MangaDescription {
color: white;
- font-family: "Atkinson Hyperlegible", serif;
max-width: 98%;
margin: -10px auto;
}
.Description h2 {
- font-family: "Lexend Deca", serif;
color: gray;
}
@@ -46,14 +43,12 @@
.MangaReleaseYear {
margin-top: 10px;
- font-family: "Poppins", serif;
}
.GenreContainer {
margin-top: 5px;
display: flex;
align-items: center;
- font-family: "Poppins", serif;
}
.GenreText {
@@ -81,8 +76,6 @@
.MangaRatings {
display: flex;
margin-top: 10px;
- font-family: "Poppins", serif;
- /* justify-content: center; */
}
.MangaRatings span {
@@ -98,7 +91,6 @@
.CharactersContainer h2 {
color: gray;
- font-family: "Lexend Deca", serif;
}
.Character {
@@ -130,7 +122,6 @@
text-align: center;
width: 110px;
color: white;
- font-family: "Atkinson Hyperlegible", serif;
}
.CharacterEntry img {
@@ -149,7 +140,6 @@
.ChapterTitle {
color: white;
- font-family: "Lexend Deca", serif;
font-size: 32px;
}
@@ -183,10 +173,10 @@
background-color: #3d3d3d;
cursor: pointer;
transition: background-color 100ms ease-in-out;
+ font-family: "Lexend Deca";
}
.ChapterContainer button p {
- font-family: "Atkinson Hyperlegible", serif;
margin: 2px;
}
@@ -203,7 +193,6 @@
}
.linksNotFound {
- font-family: "Atkinson Hyperlegible", serif;
color: white;
font-size: 18px;
display: flex;
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 5aa807d..9d60e0a 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -5,6 +5,8 @@ import { redirect } from "next/navigation";
import { FaStar } from "react-icons/fa";
import { PreFetchChaterLinks } from "../../cacher";
+export const runtime = "edge";
+
export default async function MangaInfo({ params }) {
const id = params.id;
const data = await getMangaInfo(id);
@@ -13,6 +15,14 @@ export default async function MangaInfo({ params }) {
redirect("/404");
}
+ let description;
+ if (!data.description) {
+ description =
+ "Sorry but description for this particular manga was not found.";
+ } else {
+ description = data.description.split("<br>")[0];
+ }
+
PreFetchChaterLinks(data.chapters);
return (
@@ -51,7 +61,7 @@ export default async function MangaInfo({ params }) {
<div className={styles.MangaDescription}>
<div className={styles.Description}>
<h2>Description</h2>
- <p>{data.description.split("<br")[0]}</p>
+ <p>{description}</p>
</div>
<div className={styles.MangaReleaseYear}>
diff --git a/src/app/manga/[title]/page.jsx b/src/app/manga/[title]/page.jsx
index 05dbcbf..2e3e4de 100644
--- a/src/app/manga/[title]/page.jsx
+++ b/src/app/manga/[title]/page.jsx
@@ -3,6 +3,8 @@ import Image from "next/image";
import Link from "next/link";
import { PreFetchMangaInfo } from "../cacher";
+export const runtime = "edge";
+
export default async function MangaInfo({ params }) {
const title = params.title;
const data = await GetSearchedAnime(title);
@@ -32,10 +34,9 @@ export default async function MangaInfo({ params }) {
<div className={styles.MangaEntries}>
<Image
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
- width={160}
- height={250}
+ width={180}
+ height={270}
alt="Manga Poster"
- style={{ borderRadius: 10 }}
/>
<div className={styles.MangaInfo}>
<p className={styles.MangaTitle}>
@@ -49,13 +50,15 @@ export default async function MangaInfo({ params }) {
: desc}
</p>
<p className={styles.MangaStatus}>
- {item.status}
+ Status: {item.status || "not sure"}
</p>
<p className={styles.MangaChapters}>
- Chapters: {item.totalChapters}
+ Chapters:{" "}
+ {item.totalChapters || "not sure"}
</p>
<p className={styles.MangaVolume}>
- Volumes: {item.volumes}
+ Volumes:{" "}
+ {item.volumes || "not sure"}
</p>
</div>
</div>
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index bbfc99b..203efad 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -11,7 +11,6 @@
.SearchedFor {
color: white;
text-align: center;
- font-family: "Lexend Deca", serif;
font-size: 26px;
}
@@ -20,10 +19,10 @@
flex-direction: row;
margin: 0px 10px 10px 10px;
padding: 10px;
- border-style: dotted;
+ border-style: solid;
+ border-radius: 0.5rem;
border-color: #363636 #474747;
- border-radius: 10px;
- border-width: 4px;
+ border-width: 0.1rem;
align-items: center;
cursor: pointer;
transition: opacity 200ms linear, transform 200ms linear;
@@ -42,33 +41,44 @@
.MangaInfo {
color: white;
margin-left: 20px;
- font-family: "Atkinson Hyperlegible";
+}
+
+.MangaEntries img {
+ border-radius: 0.5rem;
}
.MangaTitle {
- font-family: "Lexend Deca", serif;
margin: 0px;
- font-size: 22px;
+ font-size: 28px;
color: var(--neon-green);
}
+.MangaDescription {
+ margin: 0.5rem 0 0.5rem 0;
+}
+
.MangaStatus {
color: var(--soft-purple);
- font-family: "Poppins", serif;
+ margin: 0px;
}
.MangaVolume {
+ margin: 0px;
color: #ffacac;
- font-family: "Poppins", serif;
}
.MangaChapters {
color: #ffebb4;
- font-family: "Poppins", serif;
+ margin: 0.3rem 0 0.3rem 0;
}
@media screen and (max-width: 768px) {
.Main {
max-width: 100%;
}
+
+ .MangaDescription {
+ max-height: 10rem;
+ overflow: auto;
+ }
}
diff --git a/src/app/manga/history/continueWatching/cw.module.css b/src/app/manga/history/continueWatching/cw.module.css
index 29d0dc9..e83be6b 100644
--- a/src/app/manga/history/continueWatching/cw.module.css
+++ b/src/app/manga/history/continueWatching/cw.module.css
@@ -5,12 +5,10 @@
.mainText {
color: var(--light-green);
- font-family: "Poppins", serif;
font-size: 24px;
}
.animeContainer {
- font-family: "Poppins", serif;
font-size: 18px;
margin: 0px;
}
@@ -60,7 +58,7 @@
margin-right: 0.4rem;
border-radius: 0.2rem;
padding: 0.2rem;
- font-family: "Atkinson Hyperlegible", serif;
+ font-family: "Lexend Deca", serif;
background-color: #303030;
color: white;
cursor: pointer;
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-01 14:09:07 +0000