Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-11 17:55:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add scroll chevrons

Browse source
This commit is contained in:
Ivan Evans 2024-09-25 19:33:00 -06:00
parent a8cbfc0dbe
commit 2d0384b0ed
1 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/utils/discoverContent.tsx
View file

@ -980,6 +980,9 @@ export function DiscoverContent() {
{selectedCategory === "movies" && (
<>
<div className="flex justify-center overflow-x-auto">
<div className="">
{renderScrollButton("tv-providers", "left")}
</div>
<div
id="button-carousel-tv-providers"
className="flex mb-4 overflow-x-auto scroll-smooth"
@ -992,9 +995,12 @@ export function DiscoverContent() {
{renderMovieProviderButtons()}
</div>
</div>
<div className="">
{renderScrollButton("tv-providers", "right")}
</div>
</div>
<div className="flex mb-4 overflow-x-auto">
{!isMobile && <div>{renderScrollButton("movies", "left")}</div>}
<div className="">{renderScrollButton("movies", "left")}</div>
<div
id="button-carousel-movies"
className="flex mb-4 overflow-x-auto scroll-smooth"
@ -1008,9 +1014,7 @@ export function DiscoverContent() {
{renderMovieButtons()}
</div>
</div>
{!isMobile && (
<div className="">{renderScrollButton("movies", "right")}</div>
)}
<div className="">{renderScrollButton("movies", "right")}</div>
</div>
</>
)}
@ -1019,6 +1023,9 @@ export function DiscoverContent() {
{selectedCategory === "tvshows" && (
<>
<div className="flex justify-center overflow-x-auto">
<div className="">
{renderScrollButton("tv-providers", "left")}
</div>
<div
id="button-carousel-tv-providers"
className="flex mb-4 overflow-x-auto scroll-smooth"
@ -1031,11 +1038,12 @@ export function DiscoverContent() {
{renderTvProviderButtons()}
</div>
</div>
<div className="">
{renderScrollButton("tv-providers", "right")}
</div>
</div>
<div className="flex mb-4 overflow-x-auto">
{!isMobile && (
<div className="">{renderScrollButton("tvshows", "left")}</div>
)}
<div className="">{renderScrollButton("tvshows", "left")}</div>
<div
id="button-carousel-tvshows"
className="flex mb-4 overflow-x-auto scroll-smooth"
@ -1049,9 +1057,7 @@ export function DiscoverContent() {
{renderTvButtons()}
</div>
</div>
{!isMobile && (
<div className="">{renderScrollButton("tvshows", "right")}</div>
)}
<div className="">{renderScrollButton("tvshows", "right")}</div>
</div>
</>
)}