🚀 feat(ui): added manga with better UI

1 files changed, 4 insertions, 6 deletions

diff --git a/src/app/web-series/components/seriesSearchFormatter.jsx b/src/app/web-series/components/seriesSearchFormatter.jsx
index ada00fb..3b119d6 100644
--- a/src/app/web-series/components/seriesSearchFormatter.jsx
+++ b/src/app/web-series/components/seriesSearchFormatter.jsx
@@ -1,5 +1,3 @@
-"use server";
-
 import { Card, CardHeader, CardBody } from "@nextui-org/react";
 import Link from "next/link";
 import Image from "next/image";
@@ -9,7 +7,7 @@ import styles from "../../page.module.css";
 const SeriesSearchFormatter = 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) => {
@@ -19,7 +17,7 @@ const SeriesSearchFormatter = async (data) => {
 								key={index}
 								href={`/web-series/${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>
@@ -28,13 +26,13 @@ const SeriesSearchFormatter = 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.name}
 										</h4>