diff options
Diffstat (limited to 'src/app/movies/components/searchFormatter.jsx')
| -rw-r--r-- | src/app/movies/components/searchFormatter.jsx | 10 |
1 files changed, 4 insertions, 6 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> |