diff options
| author | real-zephex <[email protected]> | 2024-06-07 09:55:23 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-06-07 09:55:23 +0530 |
| commit | bdd48555bf59552864d5a59a3ee43291e4136b47 (patch) | |
| tree | dc3ab66ac60fe715b79c17843f9e87646aaae93a /src/app/movies/components | |
| parent | Delete src/app/globals.module.css (diff) | |
| download | dramalama-bdd48555bf59552864d5a59a3ee43291e4136b47.tar.xz dramalama-bdd48555bf59552864d5a59a3ee43291e4136b47.zip | |
🚀 feat(ui): added manga with better UI
Diffstat (limited to 'src/app/movies/components')
| -rw-r--r-- | src/app/movies/components/searchFormatter.jsx | 10 | ||||
| -rw-r--r-- | src/app/movies/components/videoPlayer.jsx | 2 |
2 files changed, 5 insertions, 7 deletions
diff --git a/src/app/movies/components/searchFormatter.jsx b/src/app/movies/components/searchFormatter.jsx index ded6022..f6a578e 100644 --- a/src/app/movies/components/searchFormatter.jsx +++ b/src/app/movies/components/searchFormatter.jsx @@ -1,5 +1,3 @@ -"use server"; - import { Card, CardHeader, CardBody } from "@nextui-org/react"; import Image from "next/image"; import Link from "next/link"; @@ -8,7 +6,7 @@ import styles from "../../page.module.css"; const MovieSearchFormatter = async (data) => { return ( <section - className={`flex items-center overflow-auto pb-2 mb-2 ${styles.ScrollBarAdjuster}`} + className={`mb-2 flex items-center overflow-auto pb-2 ${styles.ScrollBarAdjuster}`} > {data && data.results.map((item, index) => { @@ -18,7 +16,7 @@ const MovieSearchFormatter = async (data) => { key={index} href={`/movies/${item.id}`} aria-label="anime redirection links" - className="flex flex-col items-center mx-1 " + className="mx-1 flex flex-col items-center" > <Card className="overflow-hidden" isPressable> <CardBody> @@ -27,13 +25,13 @@ const MovieSearchFormatter = async (data) => { src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.poster_path}`} width={190} height={120} - className="rounded-md h-64" + className="h-64 rounded-md" priority /> </CardBody> <CardHeader> <h4 - className={`antialiased text-small text-center uppercase w-44 overflow-hidden whitespace-nowrap text-ellipsis `} + className={`w-44 overflow-hidden text-ellipsis whitespace-nowrap text-center text-small uppercase antialiased`} > {item.original_title} </h4> diff --git a/src/app/movies/components/videoPlayer.jsx b/src/app/movies/components/videoPlayer.jsx index b7cdd81..154d633 100644 --- a/src/app/movies/components/videoPlayer.jsx +++ b/src/app/movies/components/videoPlayer.jsx @@ -2,7 +2,7 @@ const MovieVideoPlayer = async ({ id: id }) => { const videoFrameGenerator = (id) => { return ( <iframe - src={`https://vidsrc.pro/embed/movie/${id}`} + src={`https://vidsrc.pro/embed/movie/${id}?player=new`} allowFullScreen referrerPolicy="origin" height={720} |