Merge pull request #6 from zephex-alt/master

Fixes and Improvements - 2
real-zephex · Apr 30, 2024 · df1e72a · df1e72a
2 parents fdc6b60 + b9059d9
commit df1e72a
Show file tree

Hide file tree

Showing 33 changed files with 165 additions and 144 deletions.
diff --git a/src/app/anime/[id]/buttons.jsx b/src/app/anime/[id]/buttons.jsx
@@ -88,10 +88,10 @@ export default function Button({ data2: info }) {
 							className={styles.VideoPlayer}
 							playsInline
 							id="videoPlayer"
-							volume={0.2}
-							onQualityChange={(event) =>
-								console.log("changed qualities", event)
-							}
+							volume={0.8}
+							// onQualityChange={(event) =>
+							// 	console.log("changed qualities", event)
+							// }
 						>
 							<MediaProvider />
 							<PlyrLayout icons={plyrLayoutIcons} />

diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css
@@ -55,7 +55,6 @@
 
 .buttonContainer button {
 	transition: transform 200ms ease-in-out;
-
 }
 
 .buttonContainer button:focus {
@@ -65,11 +64,11 @@
 	transform: scale(0.9);
 }
 
-.buttonContainer::-webkit-scrollbar{
+.buttonContainer::-webkit-scrollbar {
 	width: 5px;
 }
 
-.buttonContainer::-webkit-scrollbar-thumb{
+.buttonContainer::-webkit-scrollbar-thumb {
 	background-color: var(--soft-purple);
 	border-radius: 1rem;
 }
@@ -92,7 +91,7 @@
 
 .dramaButton:hover {
 	background-color: #1f1f1f;
-	transition: background-color 200ms ease-in
+	transition: background-color 200ms ease-in;
 }
 
 .infoPageContainer p {
@@ -110,7 +109,6 @@
 	border-radius: 5px;
 	color: var(--neon-green);
 	background-color: #303030;
-	cursor: pointer;
 	font-family: "Atkinson Hyperlegible", serif;
 }
 
@@ -119,7 +117,7 @@
 }
 
 .animeRelease span {
-	color: var(--soft-purple)
+	color: var(--soft-purple);
 }
 
 .videoPopUp {
@@ -138,7 +136,6 @@
 	overflow-y: auto;
 }
 
-
 .closeButton {
 	font-family: "Poppins", serif;
 	font-size: 16px;
@@ -153,14 +150,14 @@
 
 .video {
 	width: 60vw;
+	font-family: "Lexend Deca", serif;
 }
 
 .VideoPlayer {
 	width: 100%;
 }
 
 @media screen and (max-width: 768px) {
-
 	.titleContainer p {
 		font-size: 28px;
 	}
@@ -172,4 +169,4 @@
 	.video {
 		width: 100%;
 	}
-}
+}
diff --git a/src/app/anime/[id]/loading.module.css b/src/app/anime/[id]/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);
 	}
-}
+}
diff --git a/src/app/anime/anime.module.css b/src/app/anime/anime.module.css
@@ -1,4 +1,4 @@
 .main {
 	margin: 50px auto;
 	max-width: 98%;
-}
+}
diff --git a/src/app/anime/history/continueWatching/cw.module.css b/src/app/anime/history/continueWatching/cw.module.css
@@ -58,4 +58,4 @@
 	.animeEntry img {
 		width: 35%;
 	}
-}
+}
diff --git a/src/app/anime/history/continueWatching/page.jsx b/src/app/anime/history/continueWatching/page.jsx
@@ -43,7 +43,7 @@ const ContinueWatching = () => {
 										</p>
 										<p className={styles.date}>
 											Last watched on: {item.date} at{" "}
-											{item.time}
+											{item.time} hours
 										</p>
 									</div>
 									<Image

diff --git a/src/app/anime/history/storeData.js b/src/app/anime/history/storeData.js
@@ -1,6 +1,7 @@
 "use client";
 
 export function storeLocal(watchData) {
+	const currentDate = new Date();
 	const jsonData = localStorage.getItem("data");
 	const dataObject = jsonData ? JSON.parse(jsonData) : {};
 
@@ -12,7 +13,15 @@ export function storeLocal(watchData) {
 	dataObject.watchHis.forEach((element) => {
 		if (element.name === watchData.name) {
 			let episode = watchData.episode;
+			let date = `${currentDate.getDate()}-${String(
+				currentDate.getMonth() + 1
+			).padStart(2, "0")}`;
+			let time = `${currentDate.getHours()}:${String(
+				currentDate.getMinutes()
+			).padStart(2, "0")}`;
 			element.episode = episode;
+			element.date = date;
+			element.time = time;
 			found = true;
 		}
 	});

diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx
@@ -21,12 +21,15 @@ export default async function Releases() {
 							href={`/anime/${item.id}`}
 							style={{ textDecoration: "none", color: "white" }}
 						>
-							<div className={styles.RecentEntries}>
+							<div
+								className={styles.RecentEntries}
+								title={item.title}
+							>
 								<Image
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									className={styles.RecentImage}
-									width={150}
-									height={280}
+									width={190}
+									height={270}
 									alt="Drama"
 									priority
 								/>

diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
@@ -5,10 +5,9 @@
 
 .RecentText p {
 	font-size: 28px;
-	margin: 5px;
+	margin: 0;
 	color: var(--soft-purple);
-	font-family: "Poppins";
-	font-weight: 500;
+	font-family: "Lexend Deca", serif;
 }
 
 .RecentText span {
@@ -20,11 +19,6 @@
 	overflow-x: auto;
 }
 
-.Recent img {
-	width: auto;
-	height: 280px;
-}
-
 .RecentContainer:hover .RecentEntries {
 	opacity: 0.4;
 }
@@ -48,16 +42,16 @@
 	margin: 4px;
 	background-color: #1f1f1fbb;
 	padding: 0.5rem;
-	border-radius: 1rem;
+	border-radius: 0.5rem;
 	transition: opacity 400ms ease, transform 400ms ease;
-
 }
 
 .RecentEntries p {
 	text-align: center;
 	margin: 5px auto;
-	width: 140px;
-	font-family: "Atkinson Hyperlegible";
+	width: auto;
+	max-width: 180px;
+	font-family: "Lexend Deca", serif;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
@@ -74,6 +68,5 @@
 }
 
 .RecentImage {
-	border-radius: 1rem;
-	aspect-ratio: auto;
-}
+	border-radius: 0.5rem;
+}
diff --git a/src/app/anime/search/components/fetchedInfo.js b/src/app/anime/search/components/fetchedInfo.js
@@ -32,7 +32,6 @@ export default async function fetchedInfo(data) {
 						<p
 							style={{
 								color: "white",
-								fontFamily: "Kanit",
 								fontSize: 18,
 							}}
 						>

diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css
@@ -1,6 +1,6 @@
 .waitWhileLoading {
 	font-size: 18px;
-	font-family: "Atkinson Hyperlegible";
+	font-family: "Lexend Deca", serif;
 	text-align: center;
 	color: white;
 }
@@ -18,7 +18,7 @@
 	outline: none;
 	border: none;
 	color: white;
-	font-family: "Atkinson Hyperlegible";
+	font-family: "Lexend Deca", serif;
 }
 
 .inputContainer button a {
@@ -33,7 +33,7 @@
 	outline: none;
 	background: none;
 	width: 100%;
-	font-family: "Atkinson Hyperlegible", serif;
+	font-family: "Lexend Deca", serif;
 	font-size: 16px;
 }
 
@@ -55,6 +55,7 @@
 .animeEntry {
 	display: flex;
 	overflow-x: auto;
+	margin-bottom: 1rem;
 }
 
 .animeEntry .anime {
@@ -78,25 +79,23 @@
 .animeEntry::-webkit-scrollbar-thumb {
 	background-color: rgba(196, 196, 196, 0.692);
 	border-radius: 5px;
-
 }
 
 .anime {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 5px;
-	margin: 10px 10px 0px 0px;
+	margin: 0 10px 0 0;
 	border-radius: 0.5rem;
 	transition: opacity 200ms ease-in, background-color 200ms linear;
 	background-color: #242424d0;
-
 }
 
 .anime p {
 	color: white;
 	width: 20dvw;
-	font-family: "Atkinson Hyperlegible", serif;
+	font-family: "Lexend Deca", serif;
 	font-size: 18px;
 }
 
@@ -112,4 +111,4 @@
 	.anime p {
 		width: 50dvw;
 	}
-}
+}
diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
@@ -20,12 +20,12 @@ export default async function Trending() {
 							href={`/anime/${item.id}`}
 							style={{ textDecoration: "none", color: "white" }}
 						>
-							<div className={styles.trendingEntries}>
+							<div className={styles.trendingEntries} title={item.title}>
 								<Image
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									className={styles.trendingImage}
-									width={150}
-									height={280}
+									width={190}
+									height={270}
 									alt="Drama"
 									priority
 								/>

diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
@@ -5,10 +5,9 @@
 
 .TrendingText p {
 	font-size: 28px;
-	margin: 5px;
+	margin: 0px;
 	color: var(--soft-purple);
-	font-family: "Poppins";
-	font-weight: 500;
+	font-family: "Lexend Deca", serif;
 }
 
 .TrendingText span {
@@ -20,11 +19,6 @@
 	overflow-x: auto;
 }
 
-.trending img {
-	width: auto;
-	height: 280px;
-}
-
 .TrendingContainer:hover .trendingEntries {
 	opacity: 0.5;
 }
@@ -49,15 +43,16 @@
 	transition: transform 400ms ease;
 	background-color: #1f1f1fbb;
 	padding: 0.5rem;
-	border-radius: 1rem;
+	border-radius: 0.5rem;
 	transition: opacity 400ms ease, transform 400ms ease;
 }
 
 .trendingEntries p {
 	text-align: center;
 	margin: 5px auto;
-	width: 140px;
-	font-family: "Atkinson Hyperlegible";
+	width: auto;
+	max-width: 180px;
+	font-family: "Lexend Deca", serif;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
@@ -73,6 +68,5 @@
 }
 
 .trendingImage {
-	border-radius: 1rem;
-	aspect-ratio: auto;
-}
+	border-radius: 0.5rem;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -58,4 +58,4 @@ @@
     	.animeEntry img {
     		width: 35%;
     	}
-    }
+    }