Accords-Library-Archive
/
accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Fixed stacked preview card

This commit is contained in:
DrMint 2022-07-04 05:32:43 +02:00
parent 18186f2014
commit ba13c736b0
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/components/PreviewCard.tsx
View File

@ -141,7 +141,7 @@ export const PreviewCard = ({
<div <div
className={cJoin( className={cJoin(
`absolute inset-0 scale-[.85] overflow-hidden bg-light brightness-[0.8] sepia-[0.5] `absolute inset-0 scale-[.85] overflow-hidden bg-light brightness-[0.8] sepia-[0.5]
transition-[top_transform] group-hover:-top-8`, transition-[top_transform] group-hover:-top-9`,
cIf(thumbnailRounded, "rounded-md") cIf(thumbnailRounded, "rounded-md")
)} )}
> >
@ -248,7 +248,7 @@ export const PreviewCard = ({
)} )}
<div <div
className={cJoin( className={cJoin(
"grid gap-2 p-4 transition-opacity linearbg-obi", "z-20 grid gap-2 p-4 transition-opacity linearbg-obi",
cIf( cIf(
!keepInfoVisible, !keepInfoVisible,
`-inset-x-0.5 bottom-2 opacity-0 [border-radius:10%_10%_10%_10%_/_1%_1%_3%_3%] `-inset-x-0.5 bottom-2 opacity-0 [border-radius:10%_10%_10%_10%_/_1%_1%_3%_3%]
@ -271,7 +271,7 @@ export const PreviewCard = ({
<p className="mb-1 break-words leading-none">{pre_title}</p> <p className="mb-1 break-words leading-none">{pre_title}</p>
)} )}
{title && ( {title && (
<p className="break-words font-headers text-lg leading-none"> <p className="break-words font-headers font-bold text-lg leading-none">
{title} {title}
</p> </p>
)} )}