Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Added Opensea logo to NFT cards

Browse source
This commit is contained in:
Peter Zimon 2021-11-17 17:16:52 +01:00
parent ca70c5e0dc
commit f69930f0af
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ghost/admin/app/styles/components/koenig.css
View file

@ -1663,7 +1663,7 @@ button.emoji-picker__category-button.active {
padding: 20px;
}
.kg-nft-card img {
.kg-nft-card .kg-nft-image {
min-width: unset;
max-width: unset;
margin: -1px;
@ -1673,6 +1673,7 @@ button.emoji-picker__category-button.active {
.kg-nft-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.kg-nft-title h4 {
@ -1683,9 +1684,10 @@ button.emoji-picker__category-button.active {
color: #222;
}
.kg-nft-title svg {
.kg-nft-opensea-logo {
margin-top: 4px;
width: 100px;
height: auto;
object-fit: scale-down;
}
.kg-nft-creator {

5
ghost/admin/lib/koenig-editor/addon/components/koenig-card-embed/nft.hbs
View file

@ -2,7 +2,10 @@
<img class="kg-nft-image" src="{{this.payload.metadata.image_url}}">
<div class="kg-nft-metadata">
<div class="kg-nft-header">
<h4 class="kg-nft-title"> {{this.payload.metadata.title}} </h4>
<h4 class="kg-nft-title">
{{this.payload.metadata.title}}
<img src="https://static.ghost.org/v4.0.0/images/opensea-logo.png" class="kg-nft-opensea-logo">
</h4>
</div>
<div class="kg-nft-creator">
Created by <span class="kg-nft-creator-name">{{this.payload.metadata.author_name}}</span>