UI changes

7 files changed, 45 insertions, 34 deletions

diff --git a/src/app/anime/[id]/buttons.jsx b/src/app/anime/[id]/buttons.jsx
index eac1884..3ce44e2 100644
--- a/src/app/anime/[id]/buttons.jsx
+++ b/src/app/anime/[id]/buttons.jsx
@@ -55,32 +55,30 @@ export default function Button({ data2: info }) {
 						}
 					}}
 				>
-					<div className={styles.video}>
-						<MediaPlayer
-							title="dramaPlayer"
-							src={videoLink}
-							aspectRatio="16/9"
-							load="eager"
-							className={styles.VideoPlayer}
-							playsInline
-							id="videoPlayer"
-							volume={0.2}
-							onQualityChange={(event) =>
-								console.log("changed qualities", event)
-							}
-						>
-							<MediaProvider />
-							<PlyrLayout icons={plyrLayoutIcons} />
-						</MediaPlayer>
-						<button
-							className={styles.closeButton}
-							onClick={() => {
-								setVideoLink("");
-							}}
-						>
-							Close
-						</button>
-					</div>
+					<MediaPlayer
+						title="dramaPlayer"
+						src={videoLink}
+						aspectRatio="16/9"
+						load="eager"
+						className={styles.VideoPlayer}
+						playsInline
+						id="videoPlayer"
+						volume={0.2}
+						onQualityChange={(event) =>
+							console.log("changed qualities", event)
+						}
+					>
+						<MediaProvider />
+						<PlyrLayout icons={plyrLayoutIcons} />
+					</MediaPlayer>
+					<button
+						className={styles.closeButton}
+						onClick={() => {
+							setVideoLink("");
+						}}
+					>
+						Close
+					</button>
 				</div>
 			)}
 		</main>
diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css
index 1a8ccf8..15fd0cd 100644
--- a/src/app/anime/[id]/info.module.css
+++ b/src/app/anime/[id]/info.module.css
@@ -132,10 +132,6 @@
 	overflow-y: auto;
 }
 
-.video {
-	display: flex;
-	flex-direction: column;
-}
 
 .closeButton {
 	font-family: "Poppins", serif;
@@ -147,7 +143,6 @@
 	border-radius: 0.5rem;
 	cursor: pointer;
 	margin: 5px;
-	width: auto;
 }
 
 .VideoPlayer {
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
index 978a21c..ed8b1de 100644
--- a/src/app/anime/[id]/page.jsx
+++ b/src/app/anime/[id]/page.jsx
@@ -44,7 +44,7 @@ export default async function AnimeInfo({ params }) {
 						Type: <span>{info && info.type}</span>
 					</p>
 					<p className={styles.animeRelease}>
-						Release year:{" "}
+						Release year:
 						<span>
 							{info && info.releaseDate}, {info && info.status}
 						</span>
diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index e32aa65..1b749db 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -168,7 +168,7 @@
 }
 
 .ChapterContainer button {
-	width: 8dvw;
+	width: 130px;
 	height: auto;
 	padding: 10px;
 	margin: 5px;
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 16a544d..f51a712 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -130,7 +130,7 @@ export default async function MangaInfo({ params }) {
 
 async function getMangaInfo(id) {
 	const res = await fetch(
-		`https://consumet-api-di2e.onrender.com/meta/anilist-manga/info/${id}?provider=mangadex`,
+		`https://consumet-jade.vercel.app/meta/anilist-manga/info/${id}?provider=mangadex`,
 		{ next: { revalidate: 86400 } }
 	);
 	const data = await res.json();
diff --git a/src/app/page.jsx b/src/app/page.jsx
index e6230e2..2d45156 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -1,5 +1,6 @@
 import styles from "./page.module.css";
 import Link from "next/link";
+import Image from "next/image";
 
 export default function Home() {
 	return (
@@ -29,6 +30,16 @@ export default function Home() {
 					</div>
 				</div>
 			</div>
+			<div className={styles.netlifyLogo}>
+				<Link href={"https://dramalama.netlify.app"} target="_blank">
+					<Image
+						src={"/netlify.svg"}
+						width={300}
+						height={130}
+						alt="Netlify Logo"
+					/>
+				</Link>
+			</div>
 		</main>
 	);
 }
diff --git a/src/app/page.module.css b/src/app/page.module.css
index 30f97e9..44b216c 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -96,4 +96,11 @@
 	width: 100vw;
 	z-index: -1;
 	position: absolute;
+}
+
+.netlifyLogo {
+	position: fixed;
+	bottom: 0;
+	margin: 0rem 0.4rem 1rem 0.4rem;
+	height: 8.2rem;
 }
\ No newline at end of file