Merge pull request #6 from zephex-alt/master

Fixes and Improvements - 2

8 files changed, 20 insertions, 23 deletions

diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx
index 335b45a..1b93313 100644
--- a/src/app/kdrama/components/popular.jsx
+++ b/src/app/kdrama/components/popular.jsx
@@ -19,11 +19,11 @@ export default async function PopularDramas() {
 							key={index}

 							style={{ textDecoration: "none" }}

 						>

-							<div className={styles.AnimeEntry}>

+							<div className={styles.AnimeEntry} title={item.title}>

 								<Image

 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

-									width={150}

-									height={230}

+									width={190}

+									height={270}

 									alt="Drama Poster"

 								/>

 								<p>{item.title}</p>

diff --git a/src/app/kdrama/components/recent.jsx b/src/app/kdrama/components/recent.jsx
index e4cdb69..b53009e 100644
--- a/src/app/kdrama/components/recent.jsx
+++ b/src/app/kdrama/components/recent.jsx
@@ -18,11 +18,11 @@ export default async function RecentDramas() {
 							key={index}

 							style={{ textDecoration: "none" }}

 						>

-							<div className={styles.AnimeEntry}>

+							<div className={styles.AnimeEntry} title={item.title}>

 								<Image

 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

-									width={160}

-									height={240}

+									width={190}

+									height={270}

 									alt="Drama Poster"

 								/>

 								<p>{item.title}</p>

diff --git a/src/app/kdrama/components/search.jsx b/src/app/kdrama/components/search.jsx
index dc641e1..f44e4bb 100644
--- a/src/app/kdrama/components/search.jsx
+++ b/src/app/kdrama/components/search.jsx
@@ -52,8 +52,8 @@ export default function DramaSearch() {
 								<p>{item.title}</p>

 								<Image

 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

-									width={120}

-									height={190}

+									width={140}

+									height={210}

 									alt="Drama Poster"

 								/>

 							</div>

diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css
index d046ce4..edac191 100644
--- a/src/app/kdrama/styles/info.module.css
+++ b/src/app/kdrama/styles/info.module.css
@@ -98,7 +98,7 @@
 

 .EpisodeButtons button:hover {

 	background-color: #1f1f1f;

-	transition: background-color 0.2s linear

+	transition: background-color 0.2s linear;

 }

 

 .VideoContainer {

@@ -135,5 +135,4 @@
 		font-size: 14px;

 		width: 80px;

 	}

-

-}
\ No newline at end of file
+}

diff --git a/src/app/kdrama/styles/kdrama.module.css b/src/app/kdrama/styles/kdrama.module.css
index 9bb987c..f27060f 100644
--- a/src/app/kdrama/styles/kdrama.module.css
+++ b/src/app/kdrama/styles/kdrama.module.css
@@ -1,4 +1,4 @@
 .Main {

 	max-width: 98%;

 	margin: 80px auto;

-}
\ No newline at end of file
+}

diff --git a/src/app/kdrama/styles/loading.module.css b/src/app/kdrama/styles/loading.module.css
index 011240e..825c247 100644
--- a/src/app/kdrama/styles/loading.module.css
+++ b/src/app/kdrama/styles/loading.module.css
@@ -10,12 +10,12 @@
 	height: 50px;

 	border-radius: 50%;

 	border: 8px solid;

-	border-color: #F4F4F4 #0000;

+	border-color: #f4f4f4 #0000;

 	animation: s1 1s infinite;

 }

 

 @keyframes s1 {

 	to {

-		transform: rotate(.5turn)

+		transform: rotate(0.5turn);

 	}

-}
\ No newline at end of file
+}

diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css
index 2975659..4fc8f18 100644
--- a/src/app/kdrama/styles/popular.module.css
+++ b/src/app/kdrama/styles/popular.module.css
@@ -44,14 +44,13 @@
 	margin: 4px;

 	background-color: #1f1f1fbb;

 	padding: 0.5rem;

-	transition: opacity 200ms ease, transform 200ms ease, background-color 200ms ease;

+	transition: opacity 200ms ease, transform 200ms ease,

+		background-color 200ms ease;

 	cursor: grab;

 	border-radius: 1rem;

 }

 

 .AnimeEntry img {

-	width: auto;

-	height: 280px;

 	border-radius: 1rem;

 }

 

@@ -59,9 +58,10 @@
 	text-align: center;

 	color: white;

 	font-family: "Lexend Deca", serif;

-	width: 140px;

+	width: auto;

+	max-width: 190px;

 	overflow: hidden;

 	white-space: nowrap;

 	text-overflow: ellipsis;

 	margin: 0.5rem 0rem 0rem 0rem;

-}
\ No newline at end of file
+}

diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css
index de17169..5b9c965 100644
--- a/src/app/kdrama/styles/search.module.css
+++ b/src/app/kdrama/styles/search.module.css
@@ -79,8 +79,6 @@
 }

 

 .SearchEntry img {

-	width: auto;

-	height: auto;

 	border-radius: 0.5rem;

 }

 

@@ -88,4 +86,4 @@
 	.Search {

 		max-width: 100%;

 	}

-}
\ No newline at end of file
+}