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/margin padding

Browse Source
This commit is contained in:
Tejas Panchal
2025-08-10 20:20:29 +05:30
parent ae0b4ba083
commit e00a60a469
12 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -189,7 +189,7 @@ const CategoryCard = React.memo(
))}
</div>
)}
<div className="grid grid-cols-6 gap-x-3 gap-y-8 mt-6 transition-all duration-300 ease-in-out max-[1400px]:grid-cols-4 max-[758px]:grid-cols-3 max-[478px]:grid-cols-3 max-[478px]:gap-x-2">
<div className={`grid ${cardStyle || 'grid-cols-6 max-[1400px]:grid-cols-4 max-[758px]:grid-cols-3 max-[478px]:grid-cols-3'} gap-x-3 gap-y-8 mt-6 transition-all duration-300 ease-in-out max-[478px]:gap-x-2`}>
{itemsToRender.remainingItems.map((item, index) => (
<div
key={index}

2
src/components/continue/ContinueWatching.jsx
View File

@@ -35,7 +35,7 @@ const ContinueWatching = () => {
if (memoizedWatchList.length === 0) return null;
return (
<div className="mt-8 max-[1200px]:px-6 max-md:px-0">
<div className="mt-8">
<div className="flex items-center justify-between max-md:pl-4 mb-6">
<div className="flex items-center gap-x-3 justify-center">
<FaHistory className="text-gray-200 text-xl" />

4
src/components/producer/Producer.jsx
View File

@@ -50,7 +50,7 @@ function Producer() {
const producerName = (id.charAt(0).toUpperCase() + id.slice(1)).split("-").join(" ");
return (
<div className="max-w-[1600px] mx-auto px-[15px] flex flex-col mt-[64px] max-md:mt-[50px]">
<div className="max-w-[1600px] mx-auto flex flex-col mt-[64px] max-md:mt-[50px]">
<div className="w-full flex flex-col gap-y-8 mt-6">
{loading ? (
<Loader type="producer" />
@@ -64,7 +64,7 @@ function Producer() {
</p>
</div>
) : producerInfo && producerInfo.length > 0 ? (
<div className="flex flex-col gap-y-2">
<div className="flex flex-col gap-y-2 max-[478px]:gap-y-0">
<h1 className="font-bold text-2xl text-white max-[478px]:text-[18px]">
{producerName} Anime
</h1>

2
src/components/trending/Trending.jsx
View File

@@ -11,7 +11,7 @@ const Trending = ({ trending, className }) => {
const { language } = useLanguage();
return (
<div className={`bg-[#141414] rounded-lg p-6 ${className}`}>
<div className={`bg-[#141414] rounded-lg p-4 ${className}`}>
<div className="flex items-center gap-2 mb-4">
<FontAwesomeIcon icon={faFire} className="text-white/90" />
<h2 className="text-xl font-semibold text-white">Trending Now</h2>