The xudt label style is abnormal.

[FrederLu]

Design Draft(12-2--12-3):
#620 (comment)

Staging:
https://ckb-explorer-frontend-in-magickbase-repo-g9u2mzhhy-magickbase.vercel.app/xudts


The style and UI on Staging are consistent.

Testnet:
https://pudge.explorer.nervos.org/xudts?page=2

Mainnet:
https://explorer.nervos.org/xudts?page=10

There are differences in xudt tags and staging on testnet/mainnet.

[Keith-CY]

I've updated 2 points

1. The style of layer 1 asset and layer 2 asset was the same

I made them different, in their own primary colors, respectively

Bitcoin:

CKB Mainnet:

CKB Testnet:

2. Tag is now interactive, e.g. https://pudge.explorer.nervos.org/xudts?tags=layer-2-asset

[Kirl70]

The adjusted tag colors have been synchronized with the design draft.
There's another area that can be optimized. If we don't limit the length of the names, I think it would be better to place the tag below the name for a better user experience.

Design Draft:
https://www.figma.com/file/6XNoimRDbFTTNm016rbIdU/Magickbase?type=design&node-id=37300%3A49637&mode=design&t=3EagBbH36bdpGb5O-1

[poor-defined]

I'm going to close this issue coz the UI has been updated.