Hover-state made buttons unclickable

<html>
<body>


<div className="flex flex-row text-center justify-center font-bold pb-1">
--
  | 146 | <table className="text-left table-fixed border-collapse text-white"> |   | 134 | <table className="text-left table-fixed border-collapse text-white">
  |   |   |   | 135 | <tbody className="flex flex-wrap">
  | 147 | <tbody> |   | 136 |  
  | 148 |   |   |   |  
  | 149 | {Object.keys(randomCoins).map(id => ( |   | 137 | {Object.keys(randomCoins).map(id => (
  | 150 | <tr key={randomCoins[id].nftRef.id} className=""> |   | 138 | <tr key={randomCoins[id].nftRef.id} className="">
  | 151 | <td className="relative "> |   | 139 | <td className="relative">
  |   |   |   | 140 | <div className="relative max-w-xs overflow-hidden bg-cover bg-no-repeat">
  |   |   |   | 141 | <img className="max-w-xs cursor-pointer mx-4 border rounded-full w-48 h-48 [clip-path:circle(46.7%)]" src={`https://gateway.pinata.cloud/ipfs/${randomCoins[id].nftRef.ipfsHash}`} onClick={() => purchase(randomCoins[id].nftRef.id)}/>
  |   |   |   | 142 | <div
  |   |   |   | 143 | className="cursor-pointer w-48 h-48 [clip-path:circle(46.7%)] mx-4 absolute top-0 right-0 bottom-0 left-0 h-full w-full overflow-hidden bg-white bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-40">
  |   |   |   | 144 |  
  |   |   |   | 145 | </div>
  |   |   |   | 146 | </div>
  | 152 |   |   | 147 |  
  | 153 | <img className="cursor-pointer border rounded-full w-64 h-64 mx-auto" src={`https://gateway.pinata.cloud/ipfs/${randomCoins[id].nftRef.ipfsHash}`} onClick={() => purchase(randomCoins[id].nftRef.id)}/> |   |   |  
  | 154 |   |   |   |  
  | 155 |   |   |   |  
  | 156 | <button className="absolute border bg-gradient-to-r from-zinc-500 to-neutral-400 rounded-l-full rounded-r-full bottom-0 left-0 px-1 py-1 text-white md:py-1 bg-slate-700 text-center font-bold cursor-default"> |   | 148 | <button className="absolute border bg-gradient-to-r from-zinc-500 to-neutral-400 rounded-l-lg rounded-r-lg bottom-0 -left-4 px-1 py-1 text-white md:py-1 bg-slate-700 text-left font-bold cursor-default opacity-90">
  | 157 | Type: {randomCoins[id].nftRef.kind.rawValue == 0 ? 'Heads' : 'Tails'}<br></br>Price: {Math.round(randomCoins[id].price)} $FLOW<br></br>TokenID: {randomCoins[id].nftRef.id} |   | 149 | Type: {randomCoins[id].nftRef.kind.rawValue == 0 ? 'Heads' : 'Tails'}<br></br>Rarity: {randomCoins[id].nftRef.rarity.rawValue == 0 ? 'Copper' : ''}<br></br>Price: {Math.round(randomCoins[id].price)} $FLOW<br></br>TokenID: {randomCoins[id].nftRef.id}
  | 158 | </button> |   | 150 | </button>
  | 159 | </td> |   | 151 | </td>
  | 160 |   |   | 152 |  
  | 161 | </tr> |   | 153 | </tr>


</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Hover-state made buttons unclickable #13

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Hover-state made buttons unclickable #13

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions