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

fixed card

Browse Source
This commit is contained in:
Tejas Panchal
2025-08-10 20:33:36 +05:30
parent 77e0086423
commit 8f5167bad9
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/categorycard/CategoryCard.jsx
View File

@@ -229,34 +229,34 @@ const CategoryCard = React.memo(
18+ 18+
</div> </div>
)} )}
<div className="absolute bottom-0 left-0 right-0 p-3 pb-2 bg-gradient-to-t from-black/80 via-black/50 to-transparent"> <div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/80 via-black/50 to-transparent">
<div className="flex items-center justify-start w-full space-x-1.5 z-[100] flex-wrap gap-y-1.5"> <div className="flex items-center justify-start w-full space-x-1 max-[478px]:space-x-0.5 z-[100] flex-wrap gap-y-1">
{item.tvInfo?.sub && ( {item.tvInfo?.sub && (
<div className="flex space-x-0.5 justify-center items-center bg-[#2a2a2a] rounded-[2px] px-2 text-white py-1"> <div className="flex space-x-0.5 justify-center items-center bg-[#2a2a2a] rounded-[2px] px-1.5 text-white py-0.5 max-[478px]:py-0.5 max-[478px]:px-1">
<FontAwesomeIcon <FontAwesomeIcon
icon={faClosedCaptioning} icon={faClosedCaptioning}
className="text-[11px]" className="text-[10px]"
/> />
<p className="text-[11px] font-medium"> <p className="text-[10px] font-medium">
{item.tvInfo.sub} {item.tvInfo.sub}
</p> </p>
</div> </div>
)} )}
{item.tvInfo?.dub && ( {item.tvInfo?.dub && (
<div className="flex space-x-0.5 justify-center items-center bg-[#2a2a2a] rounded-[2px] px-2 text-white py-1"> <div className="flex space-x-0.5 justify-center items-center bg-[#2a2a2a] rounded-[2px] px-1.5 text-white py-0.5 max-[478px]:py-0.5 max-[478px]:px-1">
<FontAwesomeIcon <FontAwesomeIcon
icon={faMicrophone} icon={faMicrophone}
className="text-[11px]" className="text-[10px]"
/> />
<p className="text-[11px] font-medium"> <p className="text-[10px] font-medium">
{item.tvInfo.dub} {item.tvInfo.dub}
</p> </p>
</div> </div>
)} )}
<div className="bg-[#2a2a2a] text-white rounded-[2px] px-2 py-1 text-[11px] font-medium"> <div className="bg-[#2a2a2a] text-white rounded-[2px] px-1.5 py-0.5 text-[10px] font-medium max-[478px]:py-0.5 max-[478px]:px-1 max-[478px]:hidden">
{item.tvInfo.showType.split(" ").shift()} {item.tvInfo.showType.split(" ").shift()}
</div> </div>
<div className="bg-[#2a2a2a] text-white rounded-[2px] px-2 py-1 text-[11px] font-medium"> <div className="bg-[#2a2a2a] text-white rounded-[2px] px-1.5 py-0.5 text-[10px] font-medium max-[478px]:py-0.5 max-[478px]:px-1 max-[478px]:hidden">
{item.tvInfo?.duration === "m" || {item.tvInfo?.duration === "m" ||
item.tvInfo?.duration === "?" || item.tvInfo?.duration === "?" ||
item.duration === "m" || item.duration === "m" ||