make chevron margin smaller

This commit is contained in:
Ivan Evans 2024-09-28 21:50:34 -06:00
parent ed277e302e
commit fbcf4e65e8

View file

@ -1011,7 +1011,7 @@ export function DiscoverContent() {
{/* Render Movies */} {/* Render Movies */}
{selectedCategory === "movies" && ( {selectedCategory === "movies" && (
<> <>
<div className="flex justify-center overflow-x-auto"> <div className="flex justify-center overflow-x-auto -mx-6">
{isMobile && ( {isMobile && (
<div className=""> <div className="">
{renderScrollButton("providers", "left")} {renderScrollButton("providers", "left")}
@ -1035,7 +1035,7 @@ export function DiscoverContent() {
</div> </div>
)} )}
</div> </div>
<div className="flex mb-4 overflow-x-auto"> <div className="flex mb-4 overflow-x-auto -mx-6">
<div className="">{renderScrollButton("movies", "left")}</div> <div className="">{renderScrollButton("movies", "left")}</div>
<div <div
id="button-carousel-movies" id="button-carousel-movies"
@ -1058,7 +1058,7 @@ export function DiscoverContent() {
{/* Render Shows */} {/* Render Shows */}
{selectedCategory === "tvshows" && ( {selectedCategory === "tvshows" && (
<> <>
<div className="flex justify-center overflow-x-auto"> <div className="flex justify-center overflow-x-auto -mx-6">
{isMobile && ( {isMobile && (
<div className=""> <div className="">
{renderScrollButton("tv-providers", "left")} {renderScrollButton("tv-providers", "left")}
@ -1082,7 +1082,7 @@ export function DiscoverContent() {
</div> </div>
)} )}
</div> </div>
<div className="flex mb-4 overflow-x-auto"> <div className="flex mb-4 overflow-x-auto -mx-6">
<div className="">{renderScrollButton("tvshows", "left")}</div> <div className="">{renderScrollButton("tvshows", "left")}</div>
<div <div
id="button-carousel-tvshows" id="button-carousel-tvshows"