fixes: change the file extension to .jsx and fixed the video player sizes for tablets

12 files changed, 15 insertions, 5 deletions

diff --git a/src/app/header/header.js b/src/app/header/header.jsx
index bc4a019..bc4a019 100644
--- a/src/app/header/header.js
+++ b/src/app/header/header.jsx
diff --git a/src/app/info/[id]/page.js b/src/app/info/[id]/page.jsx
index 5048612..5048612 100644
--- a/src/app/info/[id]/page.js
+++ b/src/app/info/[id]/page.jsx
diff --git a/src/app/info/page.js b/src/app/info/page.jsx
index 9004ade..9004ade 100644
--- a/src/app/info/page.js
+++ b/src/app/info/page.jsx
diff --git a/src/app/kdrama/kdrama.css b/src/app/kdrama/kdrama.css
index aa559db..9b8617f 100644
--- a/src/app/kdrama/kdrama.css
+++ b/src/app/kdrama/kdrama.css
@@ -123,7 +123,7 @@
 
 .videoContainer {
 	display: none;
-	max-width: 50%;
+	max-width: 60%;
 	margin: 10px auto;
 	justify-content: center;
 	border-style: dotted;
@@ -139,7 +139,6 @@
 	justify-content: space-between;
 	align-items: center;
 	margin: 0px auto;
-	width: 950px;
 }
 
 .dramaTitle {
@@ -202,12 +201,12 @@
 	.videoContainer {
 		max-width: 70%;
 	}
-	
+
 }
 
 @media screen and (max-width: 1024px) {
 	.videoContainer {
-		max-width: 90%;
+		max-width: 95%;
 	}
 }
 
@@ -227,7 +226,7 @@
 	.sC {
 		width: 70%;
 	}
-} 
+}
 
 @media (prefers-color-scheme: dark) {
 	.navbar input {
diff --git a/src/app/kdrama/page.js b/src/app/kdrama/page.jsx
index 129c913..129c913 100644
--- a/src/app/kdrama/page.js
+++ b/src/app/kdrama/page.jsx
diff --git a/src/app/layout.js b/src/app/layout.jsx
index a5d6ffa..a5d6ffa 100644
--- a/src/app/layout.js
+++ b/src/app/layout.jsx
diff --git a/src/app/page.js b/src/app/page.jsx
index 03a1035..03a1035 100644
--- a/src/app/page.js
+++ b/src/app/page.jsx
diff --git a/src/app/page.module.css b/src/app/page.module.css
index b594229..939f480 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -15,6 +15,17 @@
 	font-size: 20px;
 }
 
+.auth button {
+	padding: 5px;
+	margin: 5px;
+	font-family: "Atkinson Hyperlegible";
+	font-size: 16px;
+	border: none;
+	outline: none;
+	border-radius: 5px;
+	background-color: var(--neon-green);
+}
+
 @media (prefers-color-scheme: dark) {
 	.welcomeContainer p {
 		color: white;
diff --git a/src/app/recent/page.js b/src/app/recent/page.jsx
index 2962e0f..2962e0f 100644
--- a/src/app/recent/page.js
+++ b/src/app/recent/page.jsx
diff --git a/src/app/search/page.js b/src/app/search/page.jsx
index e6d4f08..e6d4f08 100644
--- a/src/app/search/page.js
+++ b/src/app/search/page.jsx
diff --git a/src/app/top-airing/page.js b/src/app/top-airing/page.jsx
index b9d54cd..b9d54cd 100644
--- a/src/app/top-airing/page.js
+++ b/src/app/top-airing/page.jsx
diff --git a/src/app/video/[animeId]/page.js b/src/app/video/[animeId]/page.jsx
index d7e68f9..d7e68f9 100644
--- a/src/app/video/[animeId]/page.js
+++ b/src/app/video/[animeId]/page.jsx