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
className={cJoin(
`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")
)}
>
@ -248,7 +248,7 @@ export const PreviewCard = ({
)}
<div
className={cJoin(
"grid gap-2 p-4 transition-opacity linearbg-obi",
"z-20 grid gap-2 p-4 transition-opacity linearbg-obi",
cIf(
!keepInfoVisible,
`-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>
)}
{title && (
<p className="break-words font-headers text-lg leading-none">
<p className="break-words font-headers font-bold text-lg leading-none">
{title}
</p>
)}