testing out ZORA Iframe embed tools. looks like it works! just need to figure out the formatting
@losingmyego could maybe use ur help here
loom video to the mint working this is so sick just gotta clean up formatting of the embed
cc @DBlodorn as well
1 Like
code im using looks like this
<div style="border-radius:4px;overflow:hidden;max-width:600px;margin:0 auto;background-color:black"><iframe id="embed" width="100%" style="width:1px;min-width:100%;" frameBorder="0" src="https://create.zora.co/editions/0xcab1d8574d1a38651f544bbc45ce32541790abef/frame?padding=20px&showDetails=true&theme=%7B%22foreground%22%3A%22%23000000%22%2C%22background%22%3A%22%23ff89de%22%2C%22accent%22%3A%22%23000000%22%2C%22onAccent%22%3A%22%23ff89de%22%2C%22border%22%3A%22%23ff89de%22%2C%22background2%22%3A%22%23ff89de%22%2C%22positive%22%3A%22%231CB687%22%2C%22negative%22%3A%22%23F03232%22%2C%22warning%22%3A%22%23F5A623%22%7D&showPresale=true&showMedia=true&showCollectors=false"></iframe></div><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js" integrity="sha512-dnvR4Aebv5bAtJxDunq3eE8puKAJrY9GBJYl9GC6lTOEC76s1dbDfJFcL9GyzpaDW4vlI/UjR8sKbc1j6Ynx6w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script>iFrameResize({ log: false, heightCalculationMethod: 'taggedElement' }, '#embed')</script>
Sick! You can do stuff with a wrapper div that forces the height of the div that holds the iframe.
1 Like
getting closer! hardcoded height at 700px and width at 400px
1 Like
Feel like connectkit (or a custom solution) would be much better ui for the wallet connect part… the big popover kinda blows
1 Like
Problem previously was multiple embeds on one page, curious if you can force height on each one without having to label each div id - will try shortly