diff options
| author | real-zephex <[email protected]> | 2024-06-07 14:03:40 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-06-07 14:03:40 +0530 |
| commit | 9e0d502e6f9c0dd1dc88f42f7be4aae71c858164 (patch) | |
| tree | 661d2f887d323c374529f4fe2af168708f2bdb39 /src/app/anime | |
| parent | Merge branch 'master' of https://github.com/real-zephex/Dramalama-Next (diff) | |
| download | dramalama-9e0d502e6f9c0dd1dc88f42f7be4aae71c858164.tar.xz dramalama-9e0d502e6f9c0dd1dc88f42f7be4aae71c858164.zip | |
✨ style: changed background color for show pages
Diffstat (limited to 'src/app/anime')
| -rw-r--r-- | src/app/anime/[id]/page.jsx | 74 | ||||
| -rw-r--r-- | src/app/anime/components/infoTabs.jsx | 4 | ||||
| -rw-r--r-- | src/app/anime/components/search_results.jsx | 3 | ||||
| -rw-r--r-- | src/app/anime/page.jsx | 11 |
4 files changed, 44 insertions, 48 deletions
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx index 6740aac..53c125e 100644 --- a/src/app/anime/[id]/page.jsx +++ b/src/app/anime/[id]/page.jsx @@ -15,49 +15,39 @@ const AnimeInfoHomepage = async ({ params }) => { }
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 dark:to-black">
- <section className="m-auto pt-16 lg:w-9/12">
- <div className="flex items-center justify-center md:justify-start lg:justify-start">
- <Image
- isBlurred
- width={190}
- src={data.image.toString()}
- alt="Anime Title Poster"
- className="m-2"
- />
- <div className="mx-5">
- <h4 className={`text-2xl`}>
- <strong>{data.title}</strong>
- </h4>
- <div>
- {data.genres &&
- data.genres.map((item, index) => (
- <Chip
- key={index}
- color="warning"
- variant="faded"
- className="mb-1 mr-1"
- >
- <p className="text-xs">{item}</p>
- </Chip>
- ))}
- </div>
- </div>
+ <section className="m-auto lg:w-9/12">
+ <div className="flex items-center justify-center md:justify-start lg:justify-start">
+ <Image
+ isBlurred
+ width={190}
+ src={data.image.toString()}
+ alt="Anime Title Poster"
+ className="m-2"
+ />
+ <div className="mx-5">
+ <h4 className={`text-2xl`}>
+ <strong>{data.title}</strong>
+ </h4>
+ <div>
+ {data.genres &&
+ data.genres.map((item, index) => (
+ <Chip
+ key={index}
+ color="warning"
+ variant="faded"
+ className="mb-1 mr-1"
+ >
+ <p className="text-xs">{item}</p>
+ </Chip>
+ ))}
</div>
- <DescriptionTabs data={data} />
- <EpisodesContainer data={data} />
- <br />
- <br />
- <br />
- </section>
- </section>
+ </div>
+ </div>
+ <DescriptionTabs data={data} />
+ <EpisodesContainer data={data} />
+ <br />
+ <br />
+ <br />
</section>
);
};
diff --git a/src/app/anime/components/infoTabs.jsx b/src/app/anime/components/infoTabs.jsx index 68a1da1..aa0e9db 100644 --- a/src/app/anime/components/infoTabs.jsx +++ b/src/app/anime/components/infoTabs.jsx @@ -9,14 +9,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.description || "No description found"} </CardBody> </Card> </Tab> <Tab key="episodes" title="Details"> - <Card> + <Card shadow="sm"> <CardBody className={atkinson.className}> <h4> <strong>Episodes</strong>:{" "} diff --git a/src/app/anime/components/search_results.jsx b/src/app/anime/components/search_results.jsx index ba5c7cf..bf9ec28 100644 --- a/src/app/anime/components/search_results.jsx +++ b/src/app/anime/components/search_results.jsx @@ -27,7 +27,8 @@ const SearchResults = async (title) => { <Card className="overflow-hidden" isPressable - shadow="lg" + isHoverable + shadow="sm" > <CardBody> <Image diff --git a/src/app/anime/page.jsx b/src/app/anime/page.jsx index bb8d6f1..d06b344 100644 --- a/src/app/anime/page.jsx +++ b/src/app/anime/page.jsx @@ -35,14 +35,19 @@ const AnimeHomepage = async () => { 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="Anime Poster"
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
width={270}
- height={160}
- className="h-60 overflow-hidden rounded-md"
+ height={170}
+ className="h-64 overflow-hidden rounded-md"
priority
/>
</CardBody>
|