mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-21 01:41:46 +03:00
2c498ab193
Refs https://www.notion.so/ghost/Switch-breadcrumb-style-513a624c0e0d490ca39a2fdb97a6971a - Separating out the breadcrumbs and the title makes it easier to navigate back on multiple levels for nested pages. - Avoids very long titles, as it doesn't include breadcrumbs anymore
65 lines
3.1 KiB
Handlebars
65 lines
3.1 KiB
Handlebars
<section class="gh-canvas">
|
|
<GhCanvasHeader class="gh-canvas-header sticky">
|
|
<div class="flex flex-column">
|
|
<div class="gh-canvas-breadcrumb">
|
|
<LinkTo @route="settings">
|
|
Settings
|
|
</LinkTo>
|
|
{{svg-jar "arrow-right-small"}}
|
|
<LinkTo @route="settings.integrations" data-test-link="integrations-back">
|
|
Integrations
|
|
</LinkTo>
|
|
{{svg-jar "arrow-right-small"}} Unsplash
|
|
</div>
|
|
</div>
|
|
<section class="view-actions">
|
|
<GhTaskButton @task={{this.saveTask}} @class="gh-btn gh-btn-primary gh-btn-icon" data-test-save-button={{true}} />
|
|
</section>
|
|
</GhCanvasHeader>
|
|
|
|
<section class="view-container">
|
|
<section class="gh-main-section app-grid">
|
|
<div class="gh-main-section-block app-detail-heading app-grid">
|
|
<div class="app-cell">
|
|
<img class="app-icon pa2 id-unsplash" src="assets/img/unsplash.svg" alt="Unsplash" />
|
|
</div>
|
|
<div class="app-cell">
|
|
<h3>Unsplash</h3>
|
|
<p>Beautiful, free photos</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="gh-main-section">
|
|
<h4 class="gh-main-section-header small bn">Unsplash configuration</h4>
|
|
<div class="gh-main-section-block">
|
|
<div class="gh-main-section-content grey">
|
|
<div class="gh-setting-first gh-setting-last" id="unsplash-toggle">
|
|
<div class="gh-setting-content">
|
|
<div class="gh-setting-title">Enable Unsplash</div>
|
|
<div class="gh-setting-desc mb0">Enable <a href="https://unsplash.com" target="_blank" rel="noopener noreferrer">Unsplash</a> image integration for your posts</div>
|
|
</div>
|
|
<div class="gh-setting-action">
|
|
<div class="form-group right gh-setting-unsplash-checkbox">
|
|
<div class="for-checkbox">
|
|
<label for="unsplash" class="checkbox">
|
|
<input
|
|
type="checkbox"
|
|
checked={{this.settings.unsplash}}
|
|
id="unsplash"
|
|
name="unsplash"
|
|
onclick={{action "update" value="target.checked"}}
|
|
data-test-unsplash-checkbox
|
|
>
|
|
<span class="input-toggle-component"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</section>
|