1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-29 16:07:40 +01:00

Center buttons for scrolling

This commit is contained in:
Cooper Ransom 2024-04-09 23:16:05 -04:00
parent f671afcd1b
commit 44bc337f72

View file

@ -310,7 +310,7 @@ export function Discover() {
<button <button
type="button" type="button"
title="Back" title="Back"
className="absolute top-1/2 transform -translate-y-1/2 z-10 left-5" className="absolute top-1/2 pb-12 transform -translate-y-1/2 z-10 left-5"
onClick={() => scrollCarousel(categorySlug, "left")} onClick={() => scrollCarousel(categorySlug, "left")}
> >
<div className="cursor-pointer text-white flex justify-center items-center h-10 w-10 rounded-full bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200"> <div className="cursor-pointer text-white flex justify-center items-center h-10 w-10 rounded-full bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200">
@ -320,7 +320,7 @@ export function Discover() {
<button <button
type="button" type="button"
title="Next" title="Next"
className="absolute top-1/2 right-5 transform -translate-y-1/2 z-10" className="absolute top-1/2 pb-12 right-5 transform -translate-y-1/2 z-10"
onClick={() => scrollCarousel(categorySlug, "right")} onClick={() => scrollCarousel(categorySlug, "right")}
> >
<div className="cursor-pointer text-white flex justify-center items-center h-10 w-10 rounded-full bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200"> <div className="cursor-pointer text-white flex justify-center items-center h-10 w-10 rounded-full bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200">