mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-20 14:37:43 +01:00
Code Issues Wiki Activity

Reduce button padding again and increase padding below media card to prevent clipping on hover

Browse source
This commit is contained in:
Cooper Ransom 2024-04-10 21:15:48 -04:00
parent 1f3a69084f
commit acd637c504
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

@ -281,7 +281,7 @@ export function Discover() {
}`, }`,
) )
} }
className="text-center relative mt-3 ml-[0.285em] mr-[0.2em]" className="text-center relative mt-3 ml-[0.285em] mb-3 mr-[0.2em]"
style={{ flex: `0 0 ${movieWidth}` }} // Set a fixed width for each movie style={{ flex: `0 0 ${movieWidth}` }} // Set a fixed width for each movie
> >
<div className="relative transition-transform hover:scale-105 duration-[0.45s]"> <div className="relative transition-transform hover:scale-105 duration-[0.45s]">
@ -311,7 +311,7 @@ export function Discover() {
<button <button
type="button" type="button"
title="Back" title="Back"
className="absolute pb-8 left-5 top-1/2 transform -translate-y-1/2 z-10" className="absolute pb-5 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-8 right-5 top-1/2 transform -translate-y-1/2 z-10" className="absolute pb-5 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">