xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2026-01-31 04:26:43 -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
+7 -6
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={classNames(
className=" bg-zinc-800 rounded border border-zinc-900 shadow w-full h-9 p-2 flex items-center justify-center"> "transition-all bg-zinc-800 rounded border border-zinc-900 shadow w-full flex items-center justify-center",
Learn More active ? "opacity-100 h-9 p-2" : "opacity-0 h-0 p-0"
</Link> )}>
: null} Learn More
</Link>
</> </>
} }