From 3a31abeadeed35dd73f621fbfdb8442240ef41fd Mon Sep 17 00:00:00 2001
From: zephex-alt <166333351+zephex-alt@users.noreply.github.com>
Date: Mon, 29 Apr 2024 04:15:13 +0000
Subject: minor UI tweaks to homepages of kdrama and manga section

---
 .gitignore                                   | 5 +----
 src/app/anime/anime.module.css               | 2 +-
 src/app/anime/recent/page.jsx                | 2 +-
 src/app/anime/recent/recent.module.css       | 6 ++++++
 src/app/anime/search/page.jsx                | 2 +-
 src/app/anime/top-airing/page.jsx            | 2 +-
 src/app/anime/top-airing/trending.module.css | 6 ++++++
 src/app/kdrama/styles/popular.module.css     | 3 +++
 8 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index d7beb48..0563835 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,7 +33,4 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
-
-.vercel
-/src/app/manga/.URLs.txt
\ No newline at end of file
+next-env.d.ts
\ No newline at end of file
diff --git a/src/app/anime/anime.module.css b/src/app/anime/anime.module.css
index f243298..f2b4f28 100644
--- a/src/app/anime/anime.module.css
+++ b/src/app/anime/anime.module.css
@@ -1,4 +1,4 @@
 .main {
-	margin: 80px auto;
+	margin: 50px auto;
 	max-width: 98%;
 }
\ No newline at end of file
diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx
index 25b0182..ba0ace5 100644
--- a/src/app/anime/recent/page.jsx
+++ b/src/app/anime/recent/page.jsx
@@ -26,7 +26,7 @@ export default async function Releases() {
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									className={styles.RecentImage}
 									width={150}
-									height={230}
+									height={280}
 									alt="Drama"
 									priority
 								/>
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
index baa93ba..3192e8a 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -20,6 +20,12 @@
 	overflow-x: auto;
 }
 
+.Recent img {
+	width: auto;
+	height: auto;
+	max-height: 270px;
+}
+
 .RecentContainer:hover .RecentEntries {
 	opacity: 0.4;
 }
diff --git a/src/app/anime/search/page.jsx b/src/app/anime/search/page.jsx
index 0555a36..bf399cf 100644
--- a/src/app/anime/search/page.jsx
+++ b/src/app/anime/search/page.jsx
@@ -33,7 +33,7 @@ export default function Input() {
 	};
 
 	return (
-		<div>
+		<div style={{marginBottom: -15}}>
 			<div className={styles.inputContainer}>
 				<div className={styles.searchContainer}>
 					<FaSearch className={styles.searchIcon} />
diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index e406860..c5aadd9 100644
--- a/src/app/anime/top-airing/page.jsx
+++ b/src/app/anime/top-airing/page.jsx
@@ -25,7 +25,7 @@ export default async function Trending() {
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									className={styles.trendingImage}
 									width={150}
-									height={230}
+									height={280}
 									alt="Drama"
 									priority
 								/>
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index 5b98e57..f8cd0d8 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -20,6 +20,12 @@
 	overflow-x: auto;
 }
 
+.trending img {
+	width: auto;
+	height: auto;
+	max-height: 280px;
+}
+
 .TrendingContainer:hover .trendingEntries {
 	opacity: 0.5;
 }
diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css
index 3c55264..6d45d9a 100644
--- a/src/app/kdrama/styles/popular.module.css
+++ b/src/app/kdrama/styles/popular.module.css
@@ -50,6 +50,9 @@
 }
 
 .AnimeEntry img {
+	width: auto;
+	height: auto;
+	max-height: 280px;
 	border-radius: 1rem;
 }
 
-- 
cgit v1.2.3