discourse/app/assets/javascripts/wizard/templates/components/styling-preview.hbs
Penar Musaraj 85b8fea262
UX: Add Styling step to wizard (#14132)
Refactors three wizard steps (colors, fonts, homepage style) into one new step called Styling.
2021-08-25 17:10:12 -04:00

23 lines
711 B
Handlebars

<div class="previews {{if draggingActive "dragging"}}">
<div class="preview-area topic-preview">
<canvas width={{elementWidth}} height={{elementHeight}} style={{canvasStyle}}>
</canvas>
</div>
<div class="preview-area homepage-preview">
{{homepage-preview
wizard=wizard
step=step
stylingDropdown=stylingDropdown
}}
</div>
</div>
<div class="preview-nav">
<a href class="preview-nav-button {{if previewTopic "active"}}" {{action "setPreviewTopic"}}>
{{i18n "wizard.previews.topic_preview"}}
</a>
<a href class="preview-nav-button {{unless previewTopic "active"}}" {{action "setPreviewHomepage"}}>
{{i18n "wizard.previews.homepage_preview"}}
</a>
</div>