From 36c7d914639b432ec5cfbfd2d2f9e1672f6cc0ca Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Thu, 23 May 2024 11:02:37 +0530
Subject: style: minor improvements to the anime cards

---
 src/app/anime/components/recentEpisodes.jsx    |  3 ++-
 src/app/anime/components/topAiring.jsx         |  3 +++
 src/app/anime/styles/pop_recent_top.module.css | 22 +++++++++-------------
 3 files changed, 14 insertions(+), 14 deletions(-)

(limited to 'src/app')

diff --git a/src/app/anime/components/recentEpisodes.jsx b/src/app/anime/components/recentEpisodes.jsx
index 3cc8d4d..9e7899f 100644
--- a/src/app/anime/components/recentEpisodes.jsx
+++ b/src/app/anime/components/recentEpisodes.jsx
@@ -39,8 +39,9 @@ const RecentAnimes = async () => {
 										alt="Anime Poster Image"
 									/>
 									<p className={styles.AnimeTitle}>
-										Ep:{item.episodeNumber} {" "}{item.title}
+										{item.title}
 									</p>
+									<p className={styles.AnimeReleasedEpisode}>{item.episodeNumber}</p>
 								</section>
 							</Link>
 						))}
diff --git a/src/app/anime/components/topAiring.jsx b/src/app/anime/components/topAiring.jsx
index 367da16..22e8c3b 100644
--- a/src/app/anime/components/topAiring.jsx
+++ b/src/app/anime/components/topAiring.jsx
@@ -41,6 +41,9 @@ const TopAiringAnimes = async () => {
 									<p className={styles.AnimeTitle}>
 										{item.title}
 									</p>
+									<p className={styles.AnimeReleasedEpisode}>
+										{item.episodeNumber}
+									</p>
 								</section>
 							</Link>
 						))}
diff --git a/src/app/anime/styles/pop_recent_top.module.css b/src/app/anime/styles/pop_recent_top.module.css
index 212d07a..253f60f 100644
--- a/src/app/anime/styles/pop_recent_top.module.css
+++ b/src/app/anime/styles/pop_recent_top.module.css
@@ -50,14 +50,6 @@
 	transform: translateY(-5px) scale(1.04);
 }
 
-/* .AnimeEntry p {
-	margin: 0.5rem 0 -0.4rem 0;
-	max-width: 170px;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	text-transform: uppercase;
-} */
 
 .AnimeTitle {
 	position: absolute;
@@ -79,11 +71,15 @@
 	white-space: nowrap;
 }
 
-/* .EpisodeText {
-	color: var(--neon-yellow);
-	font-size: small;
-	padding-top: 0.2rem;
-} */
+.AnimeReleasedEpisode {
+	position: absolute;
+	top: 0;
+	margin: 0.2rem;
+	padding: 0.5rem;
+	background-color: #121212b2;
+	border-radius: 0.4rem;
+	backdrop-filter: blur(10px);
+}
 
 .AnimeContainer::-webkit-scrollbar {
 	height: 0rem;
-- 
cgit v1.2.3