gitadmin/moviebox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement responsive container utility and enhance layout styles across components; update Carousel and Gallery for improved structure and consistency

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-08-18 15:27:28 +02:00
parent e891b37384
commit fd1240252d
17 changed files with 353 additions and 345 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/molecules/MovieList/index.tsx
View File

@@ -78,8 +78,8 @@ export const MovieList: FC<Props> = ({
}
return (
<section className="my-4 md:my-10">
<div className={`${fluid ? "max-w-full" : "container"}`}>
<section className="blocks">
<div className={`${fluid ? "max-w-full px-4" : "container"}`}>
{heading && (
<div className="row">
<div className="col-12 md:col-10 flex gap-2 items-center">
@@ -103,7 +103,7 @@ export const MovieList: FC<Props> = ({
)}
{filteredMovies.length > 0 && (
<div
className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-y-6 gap-3 sm:gap-6 mt-8 justify-center"
className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-6 gap-3 sm:gap-6 mt-8 justify-center"
ref={parent}
>
{sortedMovies.map((movie) => (