xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2026-01-31 10:26:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add small animation to mobile-only button

Browse Source
This commit is contained in:
Xevion
2022-12-26 11:18:24 -06:00
parent 1108495507
commit 5446b5093f
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ItemCard.tsx
+4 -3
View File
@@ -71,12 +71,13 @@ const ItemCard = ({banner, bannerBlur, title, description, links, location}: Ite
</div> </div>
</div> </div>
{active ?
<Link ref={mobileButtonRef} href={{pathname: location}} <Link ref={mobileButtonRef} href={{pathname: location}}
className=" bg-zinc-800 rounded border border-zinc-900 shadow w-full h-9 p-2 flex items-center justify-center"> className={classNames(
"transition-all bg-zinc-800 rounded border border-zinc-900 shadow w-full flex items-center justify-center",
active ? "opacity-100 h-9 p-2" : "opacity-0 h-0 p-0"
)}>
Learn More Learn More
</Link> </Link>
: null}
</> </>
} }