This commit is contained in:
Tejas Panchal
2025-07-24 22:23:14 +05:30
parent 2a449a6f00
commit 6e55237581
15 changed files with 98 additions and 121 deletions

View File

@@ -18,7 +18,7 @@ function Home() {
if (!homeInfo) return <Error error="404" />;
return (
<>
<div className="px-4 w-full max-[1200px]:px-0">
<div className="pt-16 px-4 w-full max-[1200px]:px-0">
<Spotlight spotlights={homeInfo.spotlights} />
<ContinueWatching />
<Trending trending={homeInfo.trending} />

View File

@@ -157,14 +157,14 @@ function AnimeInfo({ random = false }) {
<>
<div className="relative grid grid-cols-[minmax(0,75%),minmax(0,25%)] h-fit w-full overflow-hidden text-white mt-[64px] max-[1200px]:flex max-[1200px]:flex-col max-md:mt-[50px]">
<img
src={`https://wsrv.nl/?url=${poster}`}
src={`${poster}`}
alt={`${title} Poster`}
className="absolute inset-0 object-cover w-full h-full filter grayscale blur-lg z-[-900]"
/>
<div className="flex items-start z-10 px-14 py-[70px] bg-[#252434] bg-opacity-70 gap-x-8 max-[1024px]:px-6 max-[1024px]:py-10 max-[1024px]:gap-x-4 max-[575px]:flex-col max-[575px]:items-center max-[575px]:justify-center">
<div className="relative w-[180px] h-[270px] max-[575px]:w-[140px] max-[575px]:h-[200px] flex-shrink-0">
<img
src={`https://wsrv.nl/?url=${poster}`}
src={`${poster}`}
alt={`${title} Poster`}
className="w-full h-full object-cover object-center flex-shrink-0"
/>

View File

@@ -186,7 +186,7 @@ export default function Watch() {
<img
src={
!animeInfoLoading
? `https://wsrv.nl/?url=${animeInfo?.poster}`
? `${animeInfo?.poster}`
: "https://i.postimg.cc/rFZnx5tQ/2-Kn-Kzog-md.webp"
}
alt={`${animeInfo?.title} Poster`}
@@ -336,7 +336,7 @@ export default function Watch() {
</p>
<div className="absolute inset-0 z-10 bg-[url('https://i.postimg.cc/pVGY6RXd/thumb.png')] bg-repeat"></div>
<img
src={`https://wsrv.nl/?url=${season.season_poster}`}
src={`${season.season_poster}`}
alt=""
className="w-full h-full object-cover blur-[3px] opacity-50"
/>
@@ -383,7 +383,7 @@ export default function Watch() {
<div className="flex flex-col gap-y-4 items-start ml-8 max-[1400px]:ml-0 max-[1400px]:mt-10 max-[1400px]:flex-row max-[1400px]:gap-x-6 max-[1024px]:px-[30px] max-[1024px]:mt-8 max-[500px]:mt-4 max-[500px]:px-4">
{animeInfo && animeInfo?.poster ? (
<img
src={`https://wsrv.nl/?url=${animeInfo?.poster}`}
src={`${animeInfo?.poster}`}
alt=""
className="w-[100px] h-[150px] object-cover max-[500px]:w-[70px] max-[500px]:h-[90px]"
/>