shishantbiswas/JustAnime
1
0
Fork 0
mirror of https://github.com/JustAnimeCore/JustAnime.git synced 2026-04-17 22:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

made related anime to max width

Browse Source
This commit is contained in:
Tejas Panchal
2026-02-23 00:58:46 +05:30
parent f5c57c4a18
commit ce3df78d8a
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/watch/Watch.jsx
View File

@@ -289,7 +289,7 @@ export default function Watch() {
</div> </div>
{/* Episode List (Mobile only) */} {/* Episode List (Mobile only) */}
<div className="hidden max-[1200px]:block bg-[#141414] rounded-xl overflow-hidden shadow-lg border border-white/5"> <div className="hidden max-[1200px]:block w-full bg-[#141414] rounded-xl overflow-hidden shadow-lg border border-white/5">
{!episodes ? ( {!episodes ? (
<div className="flex-1 flex items-center justify-center min-h-[300px]"> <div className="flex-1 flex items-center justify-center min-h-[300px]">
<BouncingLoader /> <BouncingLoader />
@@ -354,7 +354,7 @@ export default function Watch() {
{/* Seasons (Mobile only) */} {/* Seasons (Mobile only) */}
{seasons?.length > 0 && ( {seasons?.length > 0 && (
<div className="hidden max-[1200px]:block bg-[#141414] rounded-xl p-4 shadow-lg border border-white/5"> <div className="hidden max-[1200px]:block w-full bg-[#141414] rounded-xl p-4 shadow-lg border border-white/5">
<h2 className="text-lg font-bold mb-4 text-white">More Seasons</h2> <h2 className="text-lg font-bold mb-4 text-white">More Seasons</h2>
<div className="grid grid-cols-2 gap-3"> <div className="grid grid-cols-2 gap-3">
{seasons.map((season, idx) => ( {seasons.map((season, idx) => (
@@ -373,6 +373,14 @@ export default function Watch() {
</div> </div>
</div> </div>
)} )}
{/* Related Anime (Mobile only) */}
{!animeInfoLoading && animeInfo?.related_data?.length > 0 && (
<div className="hidden max-[1200px]:block w-full bg-[#141414] rounded-xl p-4 shadow-lg border border-white/5">
<h2 className="text-lg font-bold mb-4 text-white">Related Anime</h2>
<Sidecard data={animeInfo.related_data} className="!mt-0" />
</div>
)}
</div> </div>
{/* Right Column (Desktop Only) */} {/* Right Column (Desktop Only) */}
@@ -399,13 +407,7 @@ export default function Watch() {
)} )}
</div> </div>
{/* Related Anime (Mobile only) */}
{!animeInfoLoading && animeInfo?.related_data?.length > 0 && (
<div className="hidden max-[1200px]:block bg-[#141414] rounded-xl p-4 shadow-lg border border-white/5">
<h2 className="text-lg font-bold mb-4 text-white">Related Anime</h2>
<Sidecard data={animeInfo.related_data} className="!mt-0" />
</div>
)}
</div> </div>
</div> </div>
</div> </div>