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

Adjust carousel title paddings and margins for layout consistency

Browse source
This commit is contained in:
Pas 2025-12-04 20:04:38 -07:00
parent e49eb634fe
commit c1bdcdf9df
3 changed files with 7 additions and 7 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,9 +305,9 @@ 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"> <div className="flex flex-col pl-2 md: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-5 text-balance"> <h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-0 text-balance">
{sectionTitle} {sectionTitle}
</h2> </h2>
{showRecommendations && {showRecommendations &&
@ -398,7 +398,7 @@ export function MediaCarousel({
<Link <Link
to={generatedMoreLink} to={generatedMoreLink}
onClick={handleMoreClick} onClick={handleMoreClick}
className="flex px-5 items-center hover:text-type-link transition-colors" className="flex items-center hover:text-type-link transition-colors"
> >
<span className="text-sm">{t("discover.carousel.more")}</span> <span className="text-sm">{t("discover.carousel.more")}</span>
<Icon className="text-sm ml-1" icon={Icons.ARROW_RIGHT} /> <Icon className="text-sm ml-1" icon={Icons.ARROW_RIGHT} />

4
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" className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]"
> >
<div className="mr-4 md:mr-8 flex items-center gap-2"> <div className="mr-4 md:mr-[48px] flex items-center gap-2">
{editing && section.group && ( {editing && section.group && (
<EditButtonWithText <EditButtonWithText
editing={editing} editing={editing}

4
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-2 md:ml-8 mt-2 -mb-5" className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]"
> >
<div className="mr-6"> <div className="mr-4 md:mr-[48px]">
<EditButton <EditButton
editing={editing} editing={editing}
onEdit={setEditing} onEdit={setEditing}