Ghost-Admin/app/templates/application.hbs

81 lines
2.3 KiB
Handlebars

<GhApp>
<GhSkipLink @anchor=".gh-main">Skip to main content</GhSkipLink>
{{#if (and this.session.user.isAdmin this.showUpdateLink)}}
<aside class="gh-update-banner">
{{#if this.session.user.isOwnerOnly}}
<div class="gh-alert-content">
You're missing out on new features, update by January 31st.
</div>
<a href="#" {{on "click" this.openUpdateTab}}>Update to Ghost 5.0 &rarr;</a>
{{else}}
<div class="gh-alert-content">
Your Ghost install is ready for a major update!
{{#if this.ownerUserNameOrEmail}}
{{this.ownerUserNameOrEmail}}
{{else}}
Your Site Owner
{{/if}}
will need to log in to do this.
</div>
{{/if}}
</aside>
{{/if}}
<GhAlerts />
<div class="gh-viewport {{if this.ui.showMobileMenu 'mobile-menu-expanded'}}">
{{#if this.showNavMenu}}
<GhNavMenu />
{{/if}}
<main class="gh-main {{this.ui.mainClass}}">
{{outlet}}
{{#if this.showBilling}}
<GhBillingModal @billingWindowOpen={{this.billing.billingWindowOpen}} />
{{/if}}
</main>
<GhNotifications />
<GhContentCover />
{{#unless this.session.user.isContributor}}
<GhMobileNavBar />
{{/unless}}
</div>
{{#if this.settings.accentColor}}
<style>
:root {
--accent-color: {{this.settings.accentColor}};
--adjusted-accent-color: {{this.ui.adjustedAccentColor}};
}
.koenig-editor__editor a:not([class]) {
color: var(--adjusted-accent-color);
}
.koenig-editor__editor blockquote {
border-left: 0.25rem solid var(--adjusted-accent-color);
}
.gh-btn-accent {
background-color: var(--adjusted-accent-color);
color: #fff;
}
.gh-btn-accent:hover {
background-color: {{hex-adjust this.ui.adjustedAccentColor l=-15}};
color: #fff;
}
</style>
{{/if}}
</GhApp>
<div id="unsplash-selector-wormhole"></div>
<EpmModalContainer />
<EmberLoadRemover />