Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

NFT card refinements

Browse source 
- Added AMP support
- Refined default frontend styles
This commit is contained in:
Peter Zimon 2021-11-18 17:28:12 +01:00
parent 45a814f596
commit bf18b89a45
2 changed files with 80 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
core/frontend/apps/amp/lib/views/amp.hbs
View file

@ -457,6 +457,79 @@
margin: 0 .5em;
}
.kg-nft-card a {
position: relative;
display: flex;
flex: auto;
flex-direction: column;
text-decoration: none;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,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: 512px;
color: #15212A;
background: #fff;
border-radius: 5px;
transition: none;
margin: 0 auto;
}
.kg-nft-metadata {
padding: 2.0rem;
}
.kg-nft-image-container {
position: relative;
}
.kg-nft-image {
display: flex;
border-radius: 5px 5px 0 0;
}
.kg-nft-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
}
.kg-nft-header h4.kg-nft-title {
font-size: 1.9rem;
font-weight: 700;
margin: 0;
color: #15212A;
}
.kg-nft-header amp-img {
max-width: 114px;
max-height: 26px;
}
.kg-nft-opensea-logo {
margin-top: 2px;
width: 100px;
}
.kg-nft-creator {
font-family: inherit;
color: #95A1AD;
}
.kg-nft-creator span {
font-weight: 500;
color: #15212A;
}
.kg-nft-card p.kg-nft-description {
font-size: 1.4rem;
line-height: 1.4em;
margin: 2.0rem 0 0;
color: #222;
}
.kg-width-full.kg-card-hascaption {
display: grid;
grid-template-columns: inherit;

15
core/frontend/src/cards/css/nft.css
View file

@ -1,4 +1,4 @@
a.kg-nft-card {
.kg-nft-card a {
position: static;
display: flex;
flex: auto;
@ -22,15 +22,14 @@ a.kg-nft-card {
transition: none;
}
a.kg-nft-card:hover {
.kg-nft-card a:hover {
color: #333;
opacity: 1.0;
transition: none;
}
a.kg-nft-card * {
.kg-nft-card * {
position: static;
line-height: 1;
}
.kg-nft-metadata {
@ -38,10 +37,8 @@ a.kg-nft-card * {
}
.kg-nft-image {
min-width: unset;
max-width: unset;
margin: -1px;
border-radius: 5px 5px 0 0;
width: 100%;
}
.kg-nft-header {
@ -55,6 +52,7 @@ a.kg-nft-card * {
font-family: inherit;
font-size: 1.9rem;
font-weight: 700;
line-height: 1.3em;
min-width: unset;
max-width: unset;
margin: 0;
@ -69,7 +67,8 @@ a.kg-nft-card * {
.kg-nft-creator {
font-family: inherit;
margin: 0.8rem 0 0;
line-height: 1.4em;
margin: 0.4rem 0 0;
color: #ababab;
}