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

Fix shitty button handling on discover page

Browse source
This commit is contained in:
Captain Jack Sparrow 2024-04-24 23:34:40 +00:00
parent 1e0fbd78f4
commit d160548d26
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/Discover.tsx
View file

@ -293,13 +293,13 @@ export function Discover() {
loading="lazy"
className="rounded-xl relative"
/>
<h1 className="group relative pt-2 text-[13.5px] whitespace-normal duration-[0.35s] break-words font-semibold text-white opacity-0 group-hover:opacity-100">
<h1 className="group relative pt-2 text-[13.5px] whitespace-normal duration-[0.35s] font-semibold text-white opacity-0 group-hover:opacity-100">
{isTVShow
? (media.name?.length ?? 0) > 36
? `${media.name?.slice(0, 36)}...`
? (media.name?.length ?? 0) > 32
? `${media.name?.slice(0, 32)}...`
: media.name
: (media.title?.length ?? 0) > 36
? `${media.title?.slice(0, 36)}...`
: (media.title?.length ?? 0) > 32
? `${media.title?.slice(0, 32)}...`
: media.title}
</h1>
</Flare.Base>
@ -312,7 +312,7 @@ export function Discover() {
<button
type="button"
title="Back"
className="absolute pb-2 left-5 top-1/2 transform -translate-y-3/4 z-10"
className="absolute left-5 top-1/2 transform -translate-y-3/4 z-10"
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">
@ -322,7 +322,7 @@ export function Discover() {
<button
type="button"
title="Next"
className="absolute pb-2 right-5 top-1/2 transform -translate-y-3/4 z-10"
className="absolute right-5 top-1/2 transform -translate-y-3/4 z-10"
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">