Ghost/ghost/admin/app/components/settings/signup-form/preview.hbs
Simon Backx 9aef897936 Increased virtual iframe width of minimal signup form preview
no issue

Because the signup form is responsive, it is displayed too small in the preview. To counteract this, the width of the iframe is increased to 200%, and clipped to make it larger.
2023-06-05 17:37:43 +02:00

20 lines
794 B
Handlebars

<div {{did-update this.onChangeHtml @html}} class={{if this.increaseWidth "gh-iframe-increase-width"}}>
<iframe
srcDoc="<!DOCTYPE html>"
class={{concat "gh-signup-form-iframe" (unless (eq this.visibleIframeIndex 0) " gh-iframe-hidden") " gh-style-" this.firstIframeStyle}}
frameborder="0"
allowtransparency="true"
title="Signup Form Preview 1"
{{on "load" (fn this.onLoad 0) }}
></iframe>
<iframe
srcDoc="<!DOCTYPE html>"
class={{concat "gh-signup-form-iframe" (unless (eq this.visibleIframeIndex 1) " gh-iframe-hidden") " gh-style-" this.secondIframeStyle}}
frameborder="0"
allowtransparency="true"
title="Signup Form Preview 2"
{{on "load" (fn this.onLoad 1)}}
></iframe>
</div>