From 794cb6236fa256f8074c56f372eba05526e7c066 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Tue, 2 Apr 2024 22:41:19 +0530
Subject: UI Upgrades for anime section.

---
 src/app/anime/top-airing/page.jsx            | 4 ++--
 src/app/anime/top-airing/trending.module.css | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

(limited to 'src/app/anime/top-airing')

diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index 297fc45..a6e1efc 100644
--- a/src/app/anime/top-airing/page.jsx
+++ b/src/app/anime/top-airing/page.jsx
@@ -27,8 +27,8 @@ export default async function Trending() {
 								<Image
 									src={item.image}
 									className={styles.trendingImage}
-									width={180}
-									height={260}
+									width={150}
+									height={230}
 									alt="Drama"
 									priority
 								/>
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index bffd7ef..1dcfb9d 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -30,13 +30,18 @@
 
 .trendingEntries {
 	margin: 7px;
+	transition: transform 0.2s linear;
+}
+
+.trendingEntries:hover {
+	transition: transform 0.2s linear;
+	transform: scale(0.97);
 }
 
 .trendingEntries p {
 	text-align: center;
 	margin: 5px auto;
-	max-height: 70px;
-	overflow-y: auto;
+	width: 140px;
 }
 
 .trendingEntries p::-webkit-scrollbar {
-- 
cgit v1.2.3