mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-23 02:41:50 +03:00
39 lines
1.8 KiB
Handlebars
39 lines
1.8 KiB
Handlebars
<section class="gh-canvas">
|
|
<GhCanvasHeader class="gh-canvas-header">
|
|
<h2 class="gh-canvas-title" data-test-screen-title>Themes</h2>
|
|
<section class="view-actions">
|
|
<button type="button" class="mr4 gh-btn {{if this.showAdvanced "gh-btn-green"}}" {{on "click" this.toggleAdvanced}}><span>Advanced</span></button>
|
|
<button type="button" class="gh-btn gh-btn-primary" {{on "click" this.themeManagement.upload}}><span>Upload theme</span></button>
|
|
</section>
|
|
</GhCanvasHeader>
|
|
|
|
<section class="view-container">
|
|
{{#if this.showAdvanced}}
|
|
<div class="gh-themes-container-labs">
|
|
<GhThemeTableLabs @themes={{this.themes}} />
|
|
</div>
|
|
{{/if}}
|
|
|
|
<div class="gh-theme-directory-container-labs">
|
|
<div class="theme-directory">
|
|
{{#each this.marketplaceThemes as |theme|}}
|
|
<LinkTo @route="settings.design.change-theme.view" @model={{theme.name}} class="td-item">
|
|
<div class="td-item-screenshot relative">
|
|
<img style="object-fit:contain;" src={{theme.image}} alt="{{theme.name}} Theme" />
|
|
</div>
|
|
<div class="td-item-desc">
|
|
<div>{{theme.name}}</div>
|
|
<span>• {{theme.category}}</span>
|
|
</div>
|
|
</LinkTo>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="gh-theme-directory-footer-container">
|
|
<a href="https://ghost.org/themes/" target="_blank" rel="noopener noreferrer" class="gh-theme-directory-footer">
|
|
See more themes, free and premium, in <span class="link">our official marketplace →</span>
|
|
</a>
|
|
</section> |