Merge pull request #385 from Itheum/stg

1.14.2 widget link

package.json

@@ -1,7 +1,7 @@
 {
   "name": "explorer-dapp",
   "description": "Itheum Explorer is a DApp for the public to explore and visualize data within the Itheum protocol",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "author": "Itheum",
   "license": "GPL-3.0-or-later",
   "dependencies": {

src/components/ThreeDCard.tsx

@@ -15,7 +15,7 @@ interface ThreeDCardProps {
 export function ThreeDCard(props: ThreeDCardProps) {
   const { chainID, tokenIdentifier, title, nftImgUrl, supply, rating, wantedTokenAmount, offerIndex } = props;
   return (
-    <CardContainer className="inter-var h-84 w-64" containerClassName="py-8">
+    <CardContainer className="inter-var h-84 w-64 mx-2" containerClassName="py-8">
       <CardBody className="bg-gray-50 relative group/card  dark:hover:shadow-2xl dark:hover:shadow-emerald-500/[0.1] dark:bg-black dark:border-white/[0.2] border-black/[0.1] w-auto sm:w-[30rem] h-auto rounded-xl p-6 border  ">
         <CardItem translateZ="100" className=" w-full flex flex-row items-center justify-center mt-4">
           <a

src/pages/Home.tsx

@@ -24,7 +24,9 @@ export const Home = () => {
         {APP_MAPPINGS.filter((app) => SUPPORTED_APPS.includes(app.routeKey)).map((item) => (
           <div key={item.routeKey} className="mb-10 w-[341px]">
             <div className="mb-4 border-[0.5px] rounded-t-[30px] border-neutral-500/90">
-              <img className="w-[464.29px] h-[250px] rounded-t-[30px]" src={item.img} alt="Apps" />
+              <Link to={returnRoute(item.routeKey)}>
+                <img className="w-[464.29px] h-[250px] rounded-t-[30px]" src={item.img} alt="Apps" />
+              </Link>
             </div>
             <h3 className="!font-[Clash-Medium]">{item.appName}</h3>
             <p className="h-[100px] text-foreground font-[Satoshi-Light] mt-1">{item.desc}</p>