adjusted the images' width and height

8 files changed, 24 insertions, 35 deletions

diff --git a/src/app/anime/[id]/buttons.jsx b/src/app/anime/[id]/buttons.jsx
index 660569e..5c99027 100644
--- 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
index ca6018a..56be3ad 100644
--- a/src/app/anime/[id]/info.module.css
+++ b/src/app/anime/[id]/info.module.css
@@ -110,7 +110,6 @@
 	border-radius: 5px;

 	color: var(--neon-green);

 	background-color: #303030;

-	cursor: pointer;

 	font-family: "Atkinson Hyperlegible", serif;

 }

 

@@ -153,6 +152,7 @@
 

 .video {

 	width: 60vw;

+	font-family: "Lexend Deca", serif;

 }

 

 .VideoPlayer {

diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx
index ba0ace5..64cb775 100644
--- a/src/app/anime/recent/page.jsx
+++ b/src/app/anime/recent/page.jsx
@@ -25,8 +25,8 @@ export default async function Releases() {
 								<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
index 47929ed..d16c23f 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -20,11 +20,6 @@
 	overflow-x: auto;

 }

 

-.Recent img {

-	width: auto;

-	height: 280px;

-}

-

 .RecentContainer:hover .RecentEntries {

 	opacity: 0.4;

 }

@@ -48,7 +43,7 @@
 	margin: 4px;

 	background-color: #1f1f1fbb;

 	padding: 0.5rem;

-	border-radius: 1rem;

+	border-radius: 0.5rem;

 	transition: opacity 400ms ease, transform 400ms ease;

 

 }

@@ -56,8 +51,9 @@
 .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 +70,5 @@
 }

 

 .RecentImage {

-	border-radius: 1rem;

-	aspect-ratio: auto;

+	border-radius: 0.5rem;

 }
\ No newline at end of file
diff --git a/src/app/anime/search/components/fetchedInfo.js b/src/app/anime/search/components/fetchedInfo.js
index d88797b..359e745 100644
--- 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
index d1b4c53..6799bac 100644
--- 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;

 }

 

@@ -86,7 +86,7 @@
 	justify-content: space-between;

 	align-items: center;

 	padding: 5px;

-	margin: 10px 10px 0px 0px;

+	margin: 0px 10px 1rem 0px;

 	border-radius: 0.5rem;

 	transition: opacity 200ms ease-in, background-color 200ms linear;

 	background-color: #242424d0;

@@ -96,7 +96,7 @@
 .anime p {

 	color: white;

 	width: 20dvw;

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

+	font-family: "Lexend Deca", serif;

 	font-size: 18px;

 }

 

diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index c5aadd9..4992b30 100644
--- a/src/app/anime/top-airing/page.jsx
+++ b/src/app/anime/top-airing/page.jsx
@@ -24,8 +24,8 @@ export default async function Trending() {
 								<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
index 1ce9b45..dc9a29a 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -20,11 +20,6 @@
 	overflow-x: auto;

 }

 

-.trending img {

-	width: auto;

-	height: 280px;

-}

-

 .TrendingContainer:hover .trendingEntries {

 	opacity: 0.5;

 }

@@ -49,15 +44,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 +69,5 @@
 }

 

 .trendingImage {

-	border-radius: 1rem;

-	aspect-ratio: auto;

+	border-radius: 0.5rem;

 }
\ No newline at end of file