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

fix carousel padding even more

Browse source
This commit is contained in:
Pas 2025-12-06 21:54:32 -07:00
parent b24ada9b77
commit e4b25d4a09
3 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/discover/components/MediaCarousel.tsx
View file

@ -305,7 +305,7 @@ export function MediaCarousel({
return ( return (
<div> <div>
<div className="flex items-center justify-between ml-2 md:ml-8 mt-2"> <div className="flex items-center justify-between ml-2 md:ml-8 mt-2">
<div className="flex flex-col pl-2 md:pl-[68px]"> <div className="flex flex-col pl-2 lg:pl-[68px]">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-0 text-balance"> <h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-0 text-balance">
{sectionTitle} {sectionTitle}
@ -477,7 +477,7 @@ export function MediaCarousel({
}} }}
onWheel={handleWheel} onWheel={handleWheel}
> >
<div className="md:w-12" /> <div className="lg:w-12" />
{media.length > 0 {media.length > 0
? media.map((item) => ( ? media.map((item) => (
@ -533,7 +533,7 @@ export function MediaCarousel({
<MoreCard link={generatedMoreLink} /> <MoreCard link={generatedMoreLink} />
)} )}
<div className="md:w-12" /> <div className="lg:w-12" />
</div> </div>
{!isMobile && ( {!isMobile && (

14
src/pages/parts/home/BookmarksCarousel.tsx
View file

@ -299,9 +299,9 @@ export function BookmarksCarousel({
<UserIcon icon={icon} className="w-full h-full" /> <UserIcon icon={icon} className="w-full h-full" />
</span> </span>
} }
className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]" className="ml-4 lg:ml-12 mt-2 -mb-5 lg:pl-[48px]"
> >
<div className="mr-4 md:mr-[48px] flex items-center gap-2"> <div className="mr-4 lg:mr-[88px] flex items-center gap-2">
{editing && section.group && ( {editing && section.group && (
<EditButtonWithText <EditButtonWithText
editing={editing} editing={editing}
@ -329,7 +329,7 @@ export function BookmarksCarousel({
}} }}
onWheel={handleWheel} onWheel={handleWheel}
> >
<div className="md:w-12" /> <div className="lg:w-12" />
{section.items {section.items
.slice(0, MAX_ITEMS_PER_SECTION) .slice(0, MAX_ITEMS_PER_SECTION)
@ -357,7 +357,7 @@ export function BookmarksCarousel({
<MoreBookmarksCard /> <MoreBookmarksCard />
)} )}
<div className="md:w-12" /> <div className="lg:w-12" />
</div> </div>
{!isMobile && ( {!isMobile && (
@ -377,7 +377,7 @@ export function BookmarksCarousel({
icon={Icons.BOOKMARK} icon={Icons.BOOKMARK}
className="ml-4 md:ml-12 mt-2 -mb-5" className="ml-4 md:ml-12 mt-2 -mb-5"
> >
<div className="mr-4 md:mr-8 flex items-center gap-2"> <div className="mr-4 lg:mr-[88px] flex items-center gap-2">
<EditButton <EditButton
editing={editing} editing={editing}
onEdit={setEditing} onEdit={setEditing}
@ -394,7 +394,7 @@ export function BookmarksCarousel({
}} }}
onWheel={handleWheel} onWheel={handleWheel}
> >
<div className="md:w-12" /> <div className="lg:w-12" />
{section.items.length > 0 {section.items.length > 0
? section.items ? section.items
@ -428,7 +428,7 @@ export function BookmarksCarousel({
<MoreBookmarksCard /> <MoreBookmarksCard />
)} )}
<div className="md:w-12" /> <div className="lg:w-12" />
</div> </div>
{!isMobile && ( {!isMobile && (

8
src/pages/parts/home/WatchingCarousel.tsx
View file

@ -91,9 +91,9 @@ export function WatchingCarousel({
<SectionHeading <SectionHeading
title={t("home.continueWatching.sectionTitle")} title={t("home.continueWatching.sectionTitle")}
icon={Icons.CLOCK} icon={Icons.CLOCK}
className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]" className="ml-4 lg:ml-12 mt-2 -mb-5 lg:pl-[48px]"
> >
<div className="mr-4 md:mr-[48px]"> <div className="mr-4 lg:mr-[88px]">
<EditButton <EditButton
editing={editing} editing={editing}
onEdit={setEditing} onEdit={setEditing}
@ -110,7 +110,7 @@ export function WatchingCarousel({
}} }}
onWheel={handleWheel} onWheel={handleWheel}
> >
<div className="md:w-12" /> <div className="lg:w-12" />
{items.length > 0 {items.length > 0
? items.map((media) => ( ? items.map((media) => (
@ -136,7 +136,7 @@ export function WatchingCarousel({
/> />
))} ))}
<div className="md:w-12" /> <div className="lg:w-12" />
</div> </div>
{!isMobile && ( {!isMobile && (