diff --git a/core/frontend/src/cards/css/nft.css b/core/frontend/src/cards/css/nft.css new file mode 100644 index 0000000000..18134fa79f --- /dev/null +++ b/core/frontend/src/cards/css/nft.css @@ -0,0 +1,77 @@ +a.kg-nft-card { + position: static; + display: flex; + flex: auto; + flex-direction: column; + text-decoration: none; + font-family: -apple-system, BlinkMacSystemFont, + 'avenir next', avenir, + 'helvetica neue', helvetica, + ubuntu, + roboto, noto, + 'segoe ui', arial, + sans-serif; + font-size: 1.4rem; + font-weight: 400; + box-shadow: 0 2px 6px -2px rgb(0 0 0 / 10%), 0 0 1px rgb(0 0 0 / 40%); + width: 100%; + max-width: 740px; + color: #222; + background: #fff; + border-radius: 5px; +} + +a.kg-nft-card:hover { + color: #333; +} + +a.kg-nft-card * { + position: static; + line-height: 1; +} + +.kg-nft-metadata { + padding: 20px; +} + +.kg-nft-card img { + min-width: unset; + max-width: unset; + margin: -1px; + border-radius: 5px 5px 0 0; +} + +.kg-nft-title { + display: flex; + justify-content: space-between; + gap: 20px; +} + +.kg-nft-title h4 { + font-size: 1.9rem; + font-weight: 700; + min-width: unset; + max-width: unset; + margin: 0; + color: #222; +} + +.kg-nft-title svg { + width: 100px; + height: auto; +} + +.kg-nft-creator { + margin-top: 6px; + color: #ababab; +} + +.kg-nft-creator span { + font-weight: 500; + color: #222; +} + +.kg-nft-card p { + font-size: 1.4rem; + margin-top: 20px; +} \ No newline at end of file