Merge pull request #440 from Itheum/d-robert

small fixes

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.15.2",
+  "version": "1.15.3",
   "author": "Itheum",
   "license": "GPL-3.0-or-later",
   "dependencies": {

src/libComponents/animated/HoverEffect.tsx

@@ -44,18 +44,25 @@ export const HoverEffect = ({
           </AnimatePresence>
           <Card>
             <div className="relative flex justify-center items-center group">
-              <img src={item.image} className="group-hover:scale-110 transition-all duration-500  rounded-2xl" />
+              <img
+                onClick={() => {
+                  if (item.ownedDataNftIndex && item.ownedDataNftIndex >= 0) viewData(item.ownedDataNftIndex ?? 0);
+                  else window.open("https://nft.ici.ro/ethereal-echoes", "_blank");
+                }}
+                src={item.image}
+                className="group-hover:scale-110 transition-all duration-500 rounded-2xl cursor-pointer"
+              />
               {item.ownedDataNftIndex && item.ownedDataNftIndex >= 0 ? (
                 <PlayCircle
                   onClick={() => viewData(item.ownedDataNftIndex ?? 0)}
-                  className="absolute z-[100] text-teal-900 fill-black/80 w-16 h-0 hover:cursor-pointer group-hover:h-16 transition-all duration-500"
+                  className="absolute z-[100] text-white fill-black/90 w-36 h-16 md:h-36 hover:cursor-pointer  transition-all duration-500"
                 />
               ) : (
                 <Link
                   to={"https://nft.ici.ro/ethereal-echoes"}
                   target="_blank"
-                  className="hover:scale-125 transition-all bottom-0 right-0 gap-1 absolute bg-teal-900/80 rounded-2xl px-2 flex flex-row">
-                  Find <Search className="w-4" />
+                  className="hover:scale-125 transition-all bottom-0 right-0 gap-1 p-1 absolute bg-teal-900/80 rounded-2xl px-2 flex flex-row md:text-xl">
+                  Find <Search className="w-8" />
                 </Link>
               )}
             </div>

src/pages/AppMarketplace/DeepForestMusic/DeepForestMusic.tsx

@@ -176,10 +176,10 @@ export const DeepForestMusic = () => {
       <div className=" flex flex-col justify-center items-center font-[Clash-Regular] w-full max-w-[100rem]">
         <div className="flex flex-col w-[90%] md:w-[70%] p-10">
           <img src={iconPreview} className="rounded-2xl" />
-          <div className="relative flex -mt-10 w-full items-center  justify-end p-2">
+          <div className="relative flex -mt-10 w-full items-center  justify-end p-2 px-4">
             <Modal
               openTrigger={
-                <button className="text-sm hover:scale-125 transition-all duration-300 md:text-lg bottom-0 right-0 rounded-full justify-center gap-1 flex flex-row">
+                <button className="text-sm hover:scale-125 transition-all duration-300 md:text-xl bottom-0 right-0 rounded-full justify-center gap-1 flex flex-row">
                   Preview <PlayCircle className="cursor-pointer text-secondary dark:text-primary" />
                 </button>
               }
@@ -205,14 +205,7 @@ export const DeepForestMusic = () => {
               </>
             </Modal>{" "}
           </div>
-          {/* <p> Deep Forest Music </p>
-          <p>
-            These NFTs aren't just static pieces of digital art, they are immersive experiences. Each of the 90 NFTs is brought to life through a unique
-            graphical Artwork, a bonus unreleased track and only one NFT per category is crowned with a personal message from Eric Mouquet to its owner. Yet,
-            the allure of these music dataNFTs extends beyond their aesthetic and sentimental value. Each NFT is imbued with real-life utility, making them not
-            just collector's items, but practical digital assets in various realms, like access to concerts, whitelisting, access to unreleased versions of the
-            tracks, multi-track files, physical items and many more in the future.
-          </p> */}
+
           <div className="flex text-foreground flex-row rounded-lg mt-8 p-1  text-center gap-4 text-2xl md:w-[50%]  xl:text-3xl justify-center md:justify-start items-center ">
             <Music2 />
             <span>Albums</span>