Ghost/ghost/admin/app/templates/launch.hbs
Sanne de Vries 44c935847e Fixed responsive issue for launch-site wizard
No ref

- Prevented preview from overlapping settings
- Avoided "Save and exit" button to left-align on smaller screens
2021-02-08 14:10:34 +01:00

29 lines
1.3 KiB
Handlebars

<div class="fullscreen-wizard-container" {{will-destroy this.reset}}>
<div class="pt7 pb5 pl12 pr12 flex justify-between items-center bb b--whitegrey">
<div class="flex flex-column">
<div class="ttu gh-launch-wizard-step-indicator">{{this.currentStep.position}}</div>
<h2>{{this.currentStep.title}}</h2>
</div>
<button type="button" class="close gh-btn gh-btn-outline" title="Close" {{on "click" this.close}} data-test-button="close-wizard">
<span>Save and exit</span>
</button>
</div>
<div class="flex br3 bg-white">
<div class="gh-launch-wizard-content-left">
{{component (concat "gh-launch-wizard/" this.step)
nextStep=this.goNextStep
backStep=this.goBackStep
skipStep=this.skipStep
refreshPreview=this.refreshPreview
updatePreview=this.updatePreview
}}
</div>
<div class="gh-launch-wizard-content-right">
<GhBrowserPreview class="gh-launch-wizard-preview-container" @icon={{this.settings.icon}} @title={{this.config.blogTitle}}>
<GhSiteIframe class="gh-launch-wizard-preview" @src={{this.previewSrc}} @guid={{this.previewGuid}}></GhSiteIframe>
</GhBrowserPreview>
</div>
</div>
</div>