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

Lower padding on buttons and disable horizontal scrolling

Browse source
This commit is contained in:
Cooper Ransom 2024-04-10 21:04:31 -04:00
parent 4df0b6d8f4
commit d83af6132e
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/Discover.tsx
View file

@ -258,7 +258,7 @@ export function Discover() {
</h2> </h2>
<div <div
id={`carousel-${categorySlug}`} id={`carousel-${categorySlug}`}
className="flex whitespace-nowrap pt-3 overflow-auto rounded-xl" className="flex whitespace-nowrap pt-3 overflow-auto rounded-xl overflow-x-hidden"
style={{ style={{
scrollbarWidth: "thin", scrollbarWidth: "thin",
// scrollbarColor: `${bgColor} transparent`, // scrollbarColor: `${bgColor} transparent`,
@ -311,7 +311,7 @@ export function Discover() {
<button <button
type="button" type="button"
title="Back" title="Back"
className="absolute pb-12 left-5 top-1/2 transform -translate-y-1/2 z-10" className="absolute pb-8 left-5 top-1/2 transform -translate-y-1/2 z-10"
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">
@ -321,7 +321,7 @@ export function Discover() {
<button <button
type="button" type="button"
title="Next" title="Next"
className="absolute pb-12 right-5 top-1/2 transform -translate-y-1/2 z-10" className="absolute pb-8 right-5 top-1/2 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">