Ghost/ghost/admin/app/components/modals/design/view-theme.hbs
2021-10-13 15:33:53 +02:00

19 lines
882 B
Handlebars

<section class="gh-canvas gh-theme-preview flex flex-column h-100">
<GhCanvasHeader class="gh-canvas-header">
<h2 class="gh-canvas-title" data-test-screen-title>
<LinkTo @route="settings.design.change-theme" data-test-link="back">Themes</LinkTo>
<span>{{svg-jar "arrow-right"}}</span>
{{@data.theme.name}}
</h2>
<section class="view-actions">
<button type="button" class="gh-btn gh-btn-primary" {{on "click" this.installTheme}}><span>Use {{@data.theme.name}}</span></button>
</section>
</GhCanvasHeader>
<section class="view-container">
<GhBrowserPreview class="gh-theme-previewcontainer" @title={{@data.theme.name}}>
<iframe src={{@data.theme.previewUrl}} class="site-frame gh-branding-settings-preview"></iframe>
</GhBrowserPreview>
</section>
</section>