mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2025-01-01 16:37:39 +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" loading="lazy"
className="rounded-xl relative" 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 {isTVShow
? (media.name?.length ?? 0) > 36 ? (media.name?.length ?? 0) > 32
? `${media.name?.slice(0, 36)}...` ? `${media.name?.slice(0, 32)}...`
: media.name : media.name
: (media.title?.length ?? 0) > 36 : (media.title?.length ?? 0) > 32
? `${media.title?.slice(0, 36)}...` ? `${media.title?.slice(0, 32)}...`
: media.title} : media.title}
</h1> </h1>
</Flare.Base> </Flare.Base>
@ -312,7 +312,7 @@ export function Discover() {
<button <button
type="button" type="button"
title="Back" 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")} 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">
@ -322,7 +322,7 @@ export function Discover() {
<button <button
type="button" type="button"
title="Next" 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")} 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">