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

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 (
<div>
<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">
<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}
</h2>
{showRecommendations &&
@ -398,7 +398,7 @@ export function MediaCarousel({
<Link
to={generatedMoreLink}
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>
<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" />
</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 && (
<EditButtonWithText
editing={editing}

4
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-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
editing={editing}
onEdit={setEditing}