pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
fix carousel padding even more
+14
-14
+3
-3
src/pages/discover/components/MediaCarousel.tsx
+3
-3
src/pages/discover/components/MediaCarousel.tsx
···
305
305
return (
306
306
<div>
307
307
<div className="flex items-center justify-between ml-2 md:ml-8 mt-2">
308
-
<div className="flex flex-col pl-2 md:pl-[68px]">
308
+
<div className="flex flex-col pl-2 lg:pl-[68px]">
309
309
<div className="flex items-center gap-4">
310
310
<h2 className="text-2xl cursor-default font-bold text-white md:text-2xl pl-0 text-balance">
311
311
{sectionTitle}
···
477
477
}}
478
478
onWheel={handleWheel}
479
479
>
480
-
<div className="md:w-12" />
480
+
<div className="lg:w-12" />
481
481
482
482
{media.length > 0
483
483
? media.map((item) => (
···
533
533
<MoreCard link={generatedMoreLink} />
534
534
)}
535
535
536
-
<div className="md:w-12" />
536
+
<div className="lg:w-12" />
537
537
</div>
538
538
539
539
{!isMobile && (
+7
-7
src/pages/parts/home/BookmarksCarousel.tsx
+7
-7
src/pages/parts/home/BookmarksCarousel.tsx
···
299
299
<UserIcon icon={icon} className="w-full h-full" />
300
300
</span>
301
301
}
302
-
className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]"
302
+
className="ml-4 lg:ml-12 mt-2 -mb-5 lg:pl-[48px]"
303
303
>
304
-
<div className="mr-4 md:mr-[48px] flex items-center gap-2">
304
+
<div className="mr-4 lg:mr-[88px] flex items-center gap-2">
305
305
{editing && section.group && (
306
306
<EditButtonWithText
307
307
editing={editing}
···
329
329
}}
330
330
onWheel={handleWheel}
331
331
>
332
-
<div className="md:w-12" />
332
+
<div className="lg:w-12" />
333
333
334
334
{section.items
335
335
.slice(0, MAX_ITEMS_PER_SECTION)
···
357
357
<MoreBookmarksCard />
358
358
)}
359
359
360
-
<div className="md:w-12" />
360
+
<div className="lg:w-12" />
361
361
</div>
362
362
363
363
{!isMobile && (
···
377
377
icon={Icons.BOOKMARK}
378
378
className="ml-4 md:ml-12 mt-2 -mb-5"
379
379
>
380
-
<div className="mr-4 md:mr-8 flex items-center gap-2">
380
+
<div className="mr-4 lg:mr-[88px] flex items-center gap-2">
381
381
<EditButton
382
382
editing={editing}
383
383
onEdit={setEditing}
···
394
394
}}
395
395
onWheel={handleWheel}
396
396
>
397
-
<div className="md:w-12" />
397
+
<div className="lg:w-12" />
398
398
399
399
{section.items.length > 0
400
400
? section.items
···
428
428
<MoreBookmarksCard />
429
429
)}
430
430
431
-
<div className="md:w-12" />
431
+
<div className="lg:w-12" />
432
432
</div>
433
433
434
434
{!isMobile && (
+4
-4
src/pages/parts/home/WatchingCarousel.tsx
+4
-4
src/pages/parts/home/WatchingCarousel.tsx
···
91
91
<SectionHeading
92
92
title={t("home.continueWatching.sectionTitle")}
93
93
icon={Icons.CLOCK}
94
-
className="ml-4 md:ml-12 mt-2 -mb-5 md:pl-[48px]"
94
+
className="ml-4 lg:ml-12 mt-2 -mb-5 lg:pl-[48px]"
95
95
>
96
-
<div className="mr-4 md:mr-[48px]">
96
+
<div className="mr-4 lg:mr-[88px]">
97
97
<EditButton
98
98
editing={editing}
99
99
onEdit={setEditing}
···
110
110
}}
111
111
onWheel={handleWheel}
112
112
>
113
-
<div className="md:w-12" />
113
+
<div className="lg:w-12" />
114
114
115
115
{items.length > 0
116
116
? items.map((media) => (
···
136
136
/>
137
137
))}
138
138
139
-
<div className="md:w-12" />
139
+
<div className="lg:w-12" />
140
140
</div>
141
141
142
142
{!isMobile && (