TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-01 15:29:19 +03:00
Code Issues Projects Releases Wiki Activity

Updated currency UI in tier preview

Browse Source
This commit is contained in:
Peter Zimon 2021-09-10 18:16:11 +02:00
parent 101b0061b5
commit 4b32633cbf
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ghost/admin/app/components/modal-product.hbs
View File

@ -154,18 +154,20 @@
{{#if this.stripeMonthlyAmount}}
<span class="monthly-price">
<span class="currency">{{currency-symbol this.currency}}</span>
{{this.stripeMonthlyAmount}}
<span class="period"><span class="currency">{{this.currency}}</span>/month</span>
<span class="period">/month</span>
</span>
{{else}}
<span class="monthly-price placeholder">
<span class="currency">{{currency-symbol this.currency}}</span>
0
<span class="period"><span class="currency">{{this.currency}}</span>/month</span>
<span class="period">/month</span>
</span>
{{/if}}
{{#if this.stripeYearlyAmount}}
<span class="yearly-price">{{this.stripeYearlyAmount}}<span class="currency">{{this.currency}}</span>/year</span>
<span class="yearly-price">{{currency-symbol this.currency}}{{this.stripeYearlyAmount}}/year</span>
{{else}}
<span class="yearly-price placeholder">0<span class="currency">{{this.currency}}</span>/year</span>
{{/if}}

7
ghost/admin/app/styles/layouts/products.css
View File

@ -585,6 +585,13 @@
text-transform: uppercase;
}
.gh-product-form-tierpreview .monthly-price .currency {
align-self: flex-start;
font-size: 2.0rem;
font-weight: 500;
line-height: 1.3em;
}
.gh-product-form-tierpreview ul {
list-style: none;
margin: 0;