Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-01-11 20:10:32 +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 (
<div>
<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">
<h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-0 text-balance">
{sectionTitle}
@ -477,7 +477,7 @@ export function MediaCarousel({
}}
onWheel={handleWheel}
>
<div className="md:w-12" />
<div className="lg:w-12" />
{media.length > 0
? media.map((item) => (
@ -533,7 +533,7 @@ export function MediaCarousel({
<MoreCard link={generatedMoreLink} />
)}
<div className="md:w-12" />
<div className="lg:w-12" />
</div>
{!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" />
</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 && (
<EditButtonWithText
editing={editing}
@ -329,7 +329,7 @@ export function BookmarksCarousel({
}}
onWheel={handleWheel}
>
<div className="md:w-12" />
<div className="lg:w-12" />
{section.items
.slice(0, MAX_ITEMS_PER_SECTION)
@ -357,7 +357,7 @@ export function BookmarksCarousel({
<MoreBookmarksCard />
)}
<div className="md:w-12" />
<div className="lg:w-12" />
</div>
{!isMobile && (
@ -377,7 +377,7 @@ export function BookmarksCarousel({
icon={Icons.BOOKMARK}
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
editing={editing}
onEdit={setEditing}
@ -394,7 +394,7 @@ export function BookmarksCarousel({
}}
onWheel={handleWheel}
>
<div className="md:w-12" />
<div className="lg:w-12" />
{section.items.length > 0
? section.items
@ -428,7 +428,7 @@ export function BookmarksCarousel({
<MoreBookmarksCard />
)}
<div className="md:w-12" />
<div className="lg:w-12" />
</div>
{!isMobile && (

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

@ -91,9 +91,9 @@ export function WatchingCarousel({
<SectionHeading
title={t("home.continueWatching.sectionTitle")}
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
editing={editing}
onEdit={setEditing}
@ -110,7 +110,7 @@ export function WatchingCarousel({
}}
onWheel={handleWheel}
>
<div className="md:w-12" />
<div className="lg:w-12" />
{items.length > 0
? items.map((media) => (
@ -136,7 +136,7 @@ export function WatchingCarousel({
/>
))}
<div className="md:w-12" />
<div className="lg:w-12" />
</div>
{!isMobile && (