ProjectOpenSea / embeddable-nfts

Easily embed OpenSea listings in your website!
329 stars 140 forks source link

'width' component input not working #34

Closed arrbee1 closed 3 years ago

arrbee1 commented 3 years ago

I've added a custom width to the code:

<nft-card
contractAddress="0x495f947276749ce646f68ac8c248420045cb7b5e"
tokenId="3010427797529961947245158371114284343915982742756858378164285684396071059457">
width="100%"
</nft-card>

but it has no impact on the container. I'm trying to make it fit inside a responsive <div> as the default height and width settings don't allow this to work properly.

The card styling in the rendered iframe is embedded here:

<div class="card " style="width: 80vw; height: 210px; min-height: 200px; max-width: 670px;">

and my component input just shows up down below the card like this:

`<!-------->

width="100%"`

Which makes no difference to the width of the container.