small fixes

7 files changed, 30 insertions, 20 deletions

diff --git a/src/app/manga/[title]/[id]/[read]/read.module.css b/src/app/manga/[title]/[id]/[read]/read.module.css
index d2adf5c..2c7f964 100644
--- a/src/app/manga/[title]/[id]/[read]/read.module.css
+++ b/src/app/manga/[title]/[id]/[read]/read.module.css
@@ -1,5 +1,5 @@
 .Main {

-	margin: 80px auto;

+	margin: 65px auto;

 }

 

 .Image {

@@ -58,4 +58,4 @@
 	.Image {

 		width: 100%;

 	}

-}
\ No newline at end of file
+}

diff --git a/src/app/manga/[title]/[id]/buttons.jsx b/src/app/manga/[title]/[id]/buttons.jsx
index a6c8d75..6c419bf 100644
--- a/src/app/manga/[title]/[id]/buttons.jsx
+++ b/src/app/manga/[title]/[id]/buttons.jsx
@@ -5,6 +5,7 @@ import Link from "next/link";
 import { storeLocal } from "../../history/storeData";

 

 export default function Buttons({ content: data }) {

+	let hasValidLinks = false;

 	function store_to_local(title, chapter, volume, image, id, id2) {

 		let data = {

 			title: title,

@@ -22,6 +23,7 @@ export default function Buttons({ content: data }) {
 			{data.chapters &&

 				data.chapters.map((item, index) => {

 					if (item.pages !== 0) {

+						hasValidLinks = true;

 						return (

 							<Link

 								key={index}

@@ -49,6 +51,9 @@ export default function Buttons({ content: data }) {
 						);

 					}

 				})}

+			{!hasValidLinks && (

+				<p className={styles.linksNotFound}>Links not found</p>

+			)}

 		</div>

 	);

 }

diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index bc22f49..1df4583 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -1,5 +1,5 @@
 .MangaInfoContainer {

-	margin: 68px auto;

+	margin: 60px auto;

 }

 

 .MangaHero {

@@ -15,7 +15,6 @@
 	padding: 5px;

 	background-color: #2c2c2c9c;

 	backdrop-filter: blur(5px);

-

 }

 

 .TitleContainer p {

@@ -114,7 +113,7 @@
 }

 

 .Character::-webkit-scrollbar-thumb {

-	background-color: #31363F;

+	background-color: #31363f;

 	border-radius: 5px;

 }

 

@@ -167,7 +166,7 @@
 }

 

 .ChapterContainer::-webkit-scrollbar-thumb {

-	background-color: #31363F;

+	background-color: #31363f;

 	border-radius: 5px;

 }

 

@@ -193,7 +192,7 @@
 

 .ChapterContainer button:hover {

 	background-color: #1f1f1f;

-	transition: background-color 50ms ease-in

+	transition: background-color 50ms ease-in;

 }

 

 .ChapterContainer button:focus {

@@ -203,6 +202,16 @@
 	transform: scale(0.9);

 }

 

+.linksNotFound {

+	font-family: "Atkinson Hyperlegible", serif;

+	color: white;

+	font-size: 18px;

+	display: flex;

+	justify-content: center;

+	align-items: center;

+	height: 85%;

+}

+

 @media screen and (max-width: 768px) {

 	.MangaInfoContainer {

 		max-width: 100%;

@@ -214,11 +223,9 @@
 

 	.ChapterContainer button {

 		width: 120px;

-

 	}

 

 	.ChapterContainer button p {

 		font-size: 14px;

 	}

-

-}
\ No newline at end of file
+}

diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index 737fd92..bbfc99b 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -55,16 +55,15 @@
 .MangaStatus {

 	color: var(--soft-purple);

 	font-family: "Poppins", serif;

-

 }

 

 .MangaVolume {

-	color: #FFACAC;

+	color: #ffacac;

 	font-family: "Poppins", serif;

 }

 

 .MangaChapters {

-	color: #FFEBB4;

+	color: #ffebb4;

 	font-family: "Poppins", serif;

 }

 

@@ -72,4 +71,4 @@
 	.Main {

 		max-width: 100%;

 	}

-}
\ No newline at end of file
+}

diff --git a/src/app/manga/history/continueWatching/cw.module.css b/src/app/manga/history/continueWatching/cw.module.css
index 7d7c199..29d0dc9 100644
--- a/src/app/manga/history/continueWatching/cw.module.css
+++ b/src/app/manga/history/continueWatching/cw.module.css
@@ -74,4 +74,4 @@
 	.animeEntry img {

 		width: 35%;

 	}

-}
\ No newline at end of file
+}

diff --git a/src/app/manga/loading.module.css b/src/app/manga/loading.module.css
index 18b1cf0..d52e913 100644
--- a/src/app/manga/loading.module.css
+++ b/src/app/manga/loading.module.css
@@ -11,12 +11,12 @@
 	height: 50px;

 	border-radius: 50%;

 	border: 8px solid;

-	border-color: #F4F4F4 #0000;

+	border-color: #f4f4f4 #0000;

 	animation: s1 1s infinite;

 }

 

 @keyframes s1 {

 	to {

-		transform: rotate(.5turn)

+		transform: rotate(0.5turn);

 	}

-}
\ No newline at end of file
+}

diff --git a/src/app/manga/manga.module.css b/src/app/manga/manga.module.css
index 3dc253b..3763d7d 100644
--- a/src/app/manga/manga.module.css
+++ b/src/app/manga/manga.module.css
@@ -38,7 +38,6 @@
 	cursor: pointer;
 }
 
-
 .SearchBar input {
 	background: none;
 	outline: none;
@@ -70,4 +69,4 @@
 	.SearchBar {
 		width: 60dvw;
 	}
-}
\ No newline at end of file
+}