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