@gistproduct/web/src/templates/embed.html

Build beautiful in-app flows with no code and deliver them instantly to your app.

<div id="gist-embed">
  <style>
    #x-gist-floating-top, #x-gist-floating-top-left, #x-gist-floating-top-right {
      position: fixed;
      top: 0px;
      z-index: 1000000;
    }
    #x-gist-floating-bottom, #x-gist-floating-bottom-left, #x-gist-floating-bottom-right {
      position: fixed;
      bottom: 0px;
      z-index: 1000000;
    }
    #x-gist-bottom, #x-gist-bottom, #x-gist-floating-top, #x-gist-floating-bottom {
      width: 100%;
    }
    #x-gist-floating-top-left, #x-gist-floating-top-right, #x-gist-floating-bottom-left, #x-gist-floating-bottom-right {
      width: 40%;
      max-width: 414px;
    }
    #x-gist-floating-top-right, #x-gist-floating-bottom-right {
      right: 0px;
    }
    #gist-embed {
      position: relative;
      height: 100%;
      width: 100%;
    }
    #gist-embed-container {
      position: relative;
      height: 100%;
      width: 100%;
    }
    #gist-embed-container .gist-frame {
      height: 100%;
      width: 100%;
      border: none;
    }
    @media (max-width: 800px) {
      #x-gist-floating-top-left, #x-gist-floating-top-right, #x-gist-floating-bottom-left, #x-gist-floating-bottom-right {
        width: 100%;
      }
    }
  </style>
  <div id="gist-embed-container">
    <iframe class="gist-frame" src="${url}"></iframe>
  </div>
</div>