2022-02-04 20:06:40 +03:00
|
|
|
<div class="gh-flow">
|
|
|
|
<div class="tc">
|
|
|
|
<h1>Finishing touches</h1>
|
|
|
|
<p>You chose a look, now it's time to make it your own.</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-row h-100">
|
|
|
|
<div class="gh-nav gh-nav-contextual gh-nav-design">
|
|
|
|
<div class="flex flex-column h-100">
|
|
|
|
<div class="gh-nav-body">
|
|
|
|
<div class="gh-nav-design-settings">
|
|
|
|
<div class="gh-stack">
|
|
|
|
<Settings::FormFields::AccentColor class="gh-stack-item gh-setting-first" @didUpdate={{perform this.themeManagement.updatePreviewHtmlTask}} />
|
|
|
|
<Settings::FormFields::PublicationCover class="gh-stack-item gh-setting" @didUpdate={{perform this.themeManagement.updatePreviewHtmlTask}} />
|
|
|
|
<Settings::FormFields::SiteDescription class="gh-stack-item gh-setting" @didUpdate={{perform this.themeManagement.updatePreviewHtmlTask}} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pa4">
|
2022-02-04 20:32:43 +03:00
|
|
|
<GhTaskButton
|
|
|
|
class="gh-btn gh-btn-black gh-btn-icon w-100"
|
|
|
|
@task={{this.saveAndContinueTask}}
|
|
|
|
@buttonText="Let's get writing →"
|
|
|
|
@runningText="Saving..."
|
|
|
|
@showSuccess={{false}}
|
|
|
|
data-test-button="save-and-continue"
|
|
|
|
/>
|
2022-02-04 20:06:40 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex-grow-1 pa10">
|
|
|
|
<GhBrowserPreview>
|
|
|
|
<GhHtmlIframe class="site-frame" @html={{this.themeManagement.previewHtml}} />
|
|
|
|
</GhBrowserPreview>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|