TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 04:13:30 +03:00
Code Issues Projects Releases Wiki Activity

Added static offer help links

Browse Source
This commit is contained in:
Peter Zimon 2021-10-04 15:42:05 +02:00
parent 5343b9f6b5
commit 713fa7725a
2 changed files with 57 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ghost/admin/app/styles/layouts/offers.css
View File

@ -143,4 +143,28 @@
width: 420px;
background: #fff;
box-shadow: var(--box-shadow-preview-box);
}
.gh-offers-help {
margin-top: 5vmin;
}
.gh-offers-help .gh-main-section-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px;
padding: 32px;
}
.gh-offers-help-card {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
background: var(--white);
border-radius: 3px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
color: var(--midgrey);
font-size: 1.3rem;
padding: 32px;
}

33
ghost/admin/app/templates/offers.hbs
View File

@ -68,5 +68,38 @@
</LinkTo>
</div>
{{/if}}
<div class="gh-main-section gh-offers-help">
<div class="gh-main-section-block">
<div class="gh-main-section-content grey">
<div class="gh-offers-help-card">
<div>
<h2>Discounts right on the beat</h2>
<p>Setting up the right timing for your offers is as critical as finding the right amount.</p>
</div>
<a href="https://ghost.org" class="gh-btn"><span>Read more</span></a>
</div>
<div class="gh-offers-help-card">
<div>
<h2>How The Browser grow their audience with special offers</h2>
<p>Learn about how The Browser work with offers</p>
</div>
<a href="https://ghost.org" class="gh-btn"><span>Read more</span></a>
</div>
<div class="gh-offers-help-card">
<div>
<h2>Read more about offers</h2>
<p>Check out the Ghost blog for more tips about how offers can boost your subscriptions.</p>
</div>
<a href="https://ghost.org" class="gh-btn"><span>Read more</span></a>
</div>
</div>
</div>
</div>
</section>
</section>