Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-21 07:52:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add space before first discover card

Browse source
This commit is contained in:
Pas 2025-02-02 19:59:26 -07:00
parent 38157acfb6
commit 1737b1c2b2
2 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/pages/discover/discover.css
View file

@ -14,13 +14,13 @@
rgba(0, 0, 0, 1) calc(100% - 80px), rgba(0, 0, 0, 1) calc(100% - 80px),
rgba(0, 0, 0, 0) 100% rgba(0, 0, 0, 0) 100%
); );
z-index: 1;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.carousel-container::before, .carousel-container {
.carousel-container::after { mask-image: none;
/* width: 40px; // hidden instead because it might look like there is nothing to scroll*/ -webkit-mask-image: none;
display: none;
} }
} }

12
src/pages/discover/discoverContent.tsx
View file

@ -643,7 +643,7 @@ export function DiscoverContent() {
); );
}) })
.slice(0, 25) .slice(0, 25)
.map((media) => ( .map((media, index, array) => (
<a <a
key={media.id} key={media.id}
onClick={() => onClick={() =>
@ -651,8 +651,14 @@ export function DiscoverContent() {
`/media/tmdb-${isTVShow ? "tv" : "movie"}-${media.id}-from-discover`, `/media/tmdb-${isTVShow ? "tv" : "movie"}-${media.id}-from-discover`,
) )
} }
className="max-h-200 text-center relative mt-3 mx-[0.2em] md:mx-[0.5em] transition-transform duration-[0.45s] hover:scale-105" className={`max-h-200 text-center relative mt-3 transition-transform duration-[0.45s] hover:scale-105 ${
style={{ flex: `0 0 ${movieWidth}` }} // Set a fixed width for each movie index === 0
? "md:ml-[6.5rem] mr-[0.2em] md:mr-[0.5em]"
: index === array.length - 1
? "md:mr-[6.5rem] ml-[0.2em] md:ml-[0.5em]"
: "mx-[0.2em] md:mx-[0.5em]"
}`}
style={{ flex: `0 0 ${movieWidth}` }}
> >
<Flare.Base className="group cursor-pointer rounded-xl relative p-[0.65em] bg-background-main transition-colors duration-300 bg-transparent"> <Flare.Base className="group cursor-pointer rounded-xl relative p-[0.65em] bg-background-main transition-colors duration-300 bg-transparent">
<Flare.Light <Flare.Light