Added NFT card frontend styles

2024-11-24 06:35:49 +03:00 · 2021-11-12 13:56:57 +01:00 · 2021-11-12 13:56:57 +01:00 · 19f74ff0f7
commit 19f74ff0f7
parent cb652aed3f
1 changed files with 77 additions and 0 deletions
--- a/core/frontend/src/cards/css/nft.css
+++ 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;
+}