Merge pull request #6 from zephex-alt/master

Fixes and Improvements - 2

2 files changed, 11 insertions, 17 deletions

diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index c5aadd9..ab5d3af 100644
--- 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
index 1ce9b45..913697c 100644
--- 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;

-}
\ No newline at end of file
+	border-radius: 0.5rem;

+}