Website - TOKEN DETAILS page

[babalicious-io]

TOKEN DETAILS page

dev site

---

Desktop - 1440px

Modules

• Token ticker/image module - social icons and the token description use conditional logic and only display if defined by creator
  There are figma layers for designs with or without description defined
• Supply module is fixed (so is the token/image module)
• Price and MarketCap modules display if the token is outminted
• Minting module displays if the token in minting (price/marketCap/minting modules use conditional logic and there are separate layers for each in figma)
• Holders module
• Transfers/Mints module
  The holders/transfers/mints modules need redesigning to use module tab selectors a la the Wallet page - v2

Tablet - 1024px

Large Mobile - 768px

There may be a design breaking issue around 610-570px, but I need to see it live to asses/fix it

Small Mobile - 568-360px

There needs to be a special breakpoint at 420px that:

• removes social icons - if defined
• removes deploy component
• removes a column of text from the datamodules

We have a similar thing happening with the small mobile tokencards on the Tokens Overview and Wallet page

---

The figma mockup is marked for dev.

The version layers are marked 🟢
https://www.figma.com/design/Os9UawIAetoFAqwkNKHN9j/Stampchain-web?node-id=5023-15042&m=dev&t=GffTLM2ybgJ1oW6u-1

Components used
https://www.figma.com/design/Os9UawIAetoFAqwkNKHN9j/Stampchain-web?node-id=5043-11619&m=dev&t=GffTLM2ybgJ1oW6u-1

[babalicious-io]

I realised that I had the Holders data displayed twice and have swapped two data fields around and removed one of them.