diff options
Diffstat (limited to 'src/app/movies')
| -rw-r--r-- | src/app/movies/[id]/page.jsx | 76 | ||||
| -rw-r--r-- | src/app/movies/components/descriptionTabs.jsx | 6 | ||||
| -rw-r--r-- | src/app/movies/components/searchFormatter.jsx | 7 | ||||
| -rw-r--r-- | src/app/movies/components/videoPlayer.jsx | 4 | ||||
| -rw-r--r-- | src/app/movies/page.jsx | 7 |
5 files changed, 49 insertions, 51 deletions
diff --git a/src/app/movies/[id]/page.jsx b/src/app/movies/[id]/page.jsx index 04fba97..e60d6d9 100644 --- a/src/app/movies/[id]/page.jsx +++ b/src/app/movies/[id]/page.jsx @@ -11,51 +11,39 @@ const MovieInfoPage = async ({ params }) => { const data = await MovieInfoData(id); return ( - <section - style={{ - backgroundImage: `radial-gradient(gray 1px, transparent 1px)`, - backgroundSize: "40px 40px", - }} - className="h-screen bg-white dark:bg-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"> - <Image - isBlurred - shadow="lg" - src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.poster_path}`} - width={180} - height={300} - alt="Anime Title Poster" - className="m-2" - ></Image> - <div className="mx-5"> - <h4 className={`text-2xl`}> - <strong>{data.title}</strong> - </h4> - <div className="mt-1"> - {data.genres && - data.genres.map((item, index) => ( - <Chip - key={index} - color="warning" - variant="faded" - className="mr-1 mb-1" - > - <p className="text-xs"> - {item.name} - </p> - </Chip> - ))} - </div> - </div> + <section className="pt-2 m-auto w-full lg:w-9/12"> + <MovieVideoPlayer id={data.id} /> + <div className="flex items-center"> + <Image + isBlurred + shadow="md" + src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.poster_path}`} + width={180} + height={300} + alt="Anime Title Poster" + className="m-2" + ></Image> + <div className="mx-5"> + <h4 className={`text-2xl`}> + <strong>{data.title}</strong> + </h4> + <div className="mt-1"> + {data.genres && + data.genres.map((item, index) => ( + <Chip + key={index} + color="warning" + variant="faded" + className="mr-1 mb-1" + > + <p className="text-xs">{item.name}</p> + </Chip> + ))} </div> - <DescriptionTabs data={data} /> - <Questions /> - </section> - </section> + </div> + </div> + <DescriptionTabs data={data} /> + <Questions /> </section> ); }; diff --git a/src/app/movies/components/descriptionTabs.jsx b/src/app/movies/components/descriptionTabs.jsx index 7eec2fb..dc11939 100644 --- a/src/app/movies/components/descriptionTabs.jsx +++ b/src/app/movies/components/descriptionTabs.jsx @@ -11,14 +11,14 @@ export default function DescriptionTabs({ data: data }) { <div className="flex w-full flex-col"> <Tabs aria-label="Options" className={lexend.className}> <Tab key="description" title="Description"> - <Card> + <Card shadow="sm"> <CardBody className={atkinson.className}> {data.overview || "No description found"} </CardBody> </Card> </Tab> <Tab key="episodes" title="Details"> - <Card> + <Card shadow="sm"> <CardBody className={lexend.className}> <h4> <strong>Tagline</strong>:{" "} @@ -62,7 +62,7 @@ export default function DescriptionTabs({ data: data }) { </Card> </Tab> <Tab key="download" title="Download"> - <Card> + <Card shadow="sm"> <CardBody className={lexend.className}> <h4 className="flex items-center"> <Link diff --git a/src/app/movies/components/searchFormatter.jsx b/src/app/movies/components/searchFormatter.jsx index f6a578e..d241d7b 100644 --- a/src/app/movies/components/searchFormatter.jsx +++ b/src/app/movies/components/searchFormatter.jsx @@ -18,7 +18,12 @@ const MovieSearchFormatter = async (data) => { aria-label="anime redirection links" className="mx-1 flex flex-col items-center" > - <Card className="overflow-hidden" isPressable> + <Card + className="overflow-hidden" + isPressable + isHoverable + shadow="sm" + > <CardBody> <Image alt="Searched Movie Poster" diff --git a/src/app/movies/components/videoPlayer.jsx b/src/app/movies/components/videoPlayer.jsx index 154d633..12885da 100644 --- a/src/app/movies/components/videoPlayer.jsx +++ b/src/app/movies/components/videoPlayer.jsx @@ -2,11 +2,11 @@ const MovieVideoPlayer = async ({ id: id }) => { const videoFrameGenerator = (id) => { return ( <iframe - src={`https://vidsrc.pro/embed/movie/${id}?player=new`} + src={`https://vidsrc.pro/embed/movie/${id}`} allowFullScreen referrerPolicy="origin" height={720} - className="w-full h-[240px] lg:h-[720px]" + className="w-full h-[240px] lg:h-[720px] rounded-lg" ></iframe> ); }; diff --git a/src/app/movies/page.jsx b/src/app/movies/page.jsx index a0b8963..84ce9d6 100644 --- a/src/app/movies/page.jsx +++ b/src/app/movies/page.jsx @@ -33,7 +33,12 @@ export default async function MovieHomepage() { aria-label="anime redirection links" className="mx-1 flex flex-col items-center" > - <Card className="overflow-visible" isPressable> + <Card + className="overflow-visible" + isPressable + isHoverable + shadow="sm" + > <CardBody> <Image alt="Movie Poster" |