embeddable-nfts - npm Package Compare versions

Comparing version 0.4.2 to 0.4.3

package.json

 {
   "name": "embeddable-nfts",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Resuable, embeddable webcomponent for OpenSea assets.",
@@ -5,0 +5,0 @@ "scripts": {

README.md

@@ -27,3 +27,3 @@ # Embeddable NFTs
 ```
-<script src="https://unpkg.com/embeddable-nfts@0.4.1/dist/nft-card.min.js"></script>
+<script src="https://unpkg.com/embeddable-nfts/dist/nft-card.min.js"></script>
 ```
@@ -30,0 +30,0 @@

src/nft-card-back.ts

@@ -265,6 +265,2 @@ import { css, customElement, html, LitElement, property } from 'lit-element'
 
-  public async connectedCallback() {
-    super.connectedCallback()
-  }
-
   public getContainerHeight() {
@@ -271,0 +267,0 @@ let containerHeight

src/nft-card-front.ts

@@ -50,3 +50,2 @@ import { css, customElement, html, LitElement, property } from 'lit-element'
         border-right: 1px solid #e2e6ef;
-        padding: 26px;
         background-size: cover;
@@ -61,2 +60,3 @@ box-sizing: border-box;
         height: 100%;
+        box-sizing: border-box;
       }
@@ -198,7 +198,10 @@
       <div class="card-front ${classMap({ 'is-vertical': !this.horizontal })}">
-        <info-button
-          style="position: absolute; top: 5px; left: 5px"
-          @flip-event="${(e: any) => this.eventHandler(e, 'flip')}"
-        ></info-button>
-
+        ${this.asset.traits.length > 0
+          ? html`
+              <info-button
+                style="position: absolute; top: 5px; right: 5px"
+                @flip-event="${(e: any) => this.eventHandler(e, 'flip')}"
+              ></info-button>
+            `
+          : ''}
         ${this.getAssetImageTemplate()}
@@ -205,0 +208,0 @@

No alert changes

Improved metrics

Total package byte prevSize

7396726

0

Lines of code

7933

0.03%

No dependency changes