✨ style(show): minor tweaks to kdrama, anime and movie show pages

5 files changed, 44 insertions, 47 deletions

diff --git a/.gitignore b/.gitignore
index fd3dbb5..f5d5b9c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+/.VSCodeCounter
\ No newline at end of file
diff --git a/package.json b/package.json
index 222486f..083adc0 100644
--- a/package.json
+++ b/package.json
@@ -1,39 +1,37 @@
 {
-  "name": "dramalama-next",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@nextui-org/react": "^2.3.6",
-    "@vercel/analytics": "^1.2.2",
-    "@vercel/postgres": "^0.7.2",
-    "@vercel/speed-insights": "^1.0.10",
-    "@vidstack/react": "^1.10.9",
-    "child_process": "^1.0.2",
-    "framer-motion": "^11.2.6",
-    "media-icons": "^1.1.2",
-    "next": "^14.2.2",
-    "next-themes": "^0.3.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-icons": "^5.0.1",
-    "react-player": "^2.15.1",
-    "react-router-dom": "^6.22.3",
-    "sharp": "^0.33.3",
-    "swiper": "^11.1.1"
-  },
-  "devDependencies": {
-    "@types/node": "20.11.28",
-    "@types/react": "18.2.66",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^8",
-    "eslint-config-next": "^14.1.4",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.3"
-  }
+	"name": "dramalama-next",
+	"version": "0.1.0",
+	"private": true,
+	"scripts": {
+		"dev": "next dev",
+		"build": "next build",
+		"start": "next start",
+		"lint": "next lint"
+	},
+	"dependencies": {
+		"@nextui-org/react": "^2.3.6",
+		"@vercel/analytics": "^1.2.2",
+		"@vercel/postgres": "^0.7.2",
+		"@vercel/speed-insights": "^1.0.10",
+		"@vidstack/react": "^1.10.9",
+		"child_process": "^1.0.2",
+		"framer-motion": "^11.2.6",
+		"media-icons": "^1.1.2",
+		"next": "^14.2.2",
+		"next-themes": "^0.3.0",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"react-icons": "^5.0.1",
+		"react-player": "^2.15.1",
+		"react-router-dom": "^6.22.3"
+	},
+	"devDependencies": {
+		"@types/node": "20.11.28",
+		"@types/react": "18.2.66",
+		"autoprefixer": "^10.4.19",
+		"eslint": "^8",
+		"eslint-config-next": "^14.1.4",
+		"postcss": "^8.4.38",
+		"tailwindcss": "^3.4.3"
+	}
 }
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
index c060899..4263005 100644
--- a/src/app/anime/[id]/page.jsx
+++ b/src/app/anime/[id]/page.jsx
@@ -14,13 +14,12 @@ const AnimeInfoHomepage = async ({ params }) => {
 	return (

 		<section

 			style={{

-				backgroundColor: "black",

 				backgroundImage: `radial-gradient(gray 1px, transparent 1px)`,

 				backgroundSize: "40px 40px",

 			}}

-			className="h-screen "

+			className="h-screen bg-white dark:bg-black"

 		>

-			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-black">

+			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-white dark:to-black">

 				<section className="pt-12  lg:w-9/12 m-auto">

 					<div className="flex items-center justify-center lg:justify-start md:justify-start">

 						<Image

diff --git a/src/app/kdrama/[id]/page.jsx b/src/app/kdrama/[id]/page.jsx
index ce8b6ba..94f5adb 100644
--- a/src/app/kdrama/[id]/page.jsx
+++ b/src/app/kdrama/[id]/page.jsx
@@ -13,13 +13,12 @@ export default async function DramaInfo({ params }) {
 	return (

 		<section

 			style={{

-				backgroundColor: "black",

 				backgroundImage: `radial-gradient(gray 1px, transparent 1px)`,

 				backgroundSize: "40px 40px",

 			}}

-			className="h-screen "

+			className="h-screen bg-white dark:bg-black"

 		>

-			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-black">

+			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-white-400 dark:to-black">

 				<section className="pt-12  lg:w-9/12 m-auto">

 					<div className="flex items-center justify-center lg:justify-start md:justify-start">

 						<Image

diff --git a/src/app/movies/[id]/page.jsx b/src/app/movies/[id]/page.jsx
index e4e745a..04fba97 100644
--- a/src/app/movies/[id]/page.jsx
+++ b/src/app/movies/[id]/page.jsx
@@ -1,4 +1,4 @@
-import { Image, Chip, Accordion, AccordionItem } from "@nextui-org/react";
+import { Image, Chip } from "@nextui-org/react";
 
 import { MovieInfoData } from "../components/requestsHandler";
 import DescriptionTabs from "../components/descriptionTabs";
@@ -13,13 +13,12 @@ const MovieInfoPage = async ({ params }) => {
 	return (
 		<section
 			style={{
-				backgroundColor: "black",
 				backgroundImage: `radial-gradient(gray 1px, transparent 1px)`,
 				backgroundSize: "40px 40px",
 			}}
-			className="h-screen "
+			className="h-screen bg-white dark:bg-black"
 		>
-			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-black">
+			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-white-400 dark:to-black">
 				<section className="pt-12 m-auto w-full lg:w-9/12">
 					<MovieVideoPlayer id={data.id} />
 					<div className="flex items-center">