Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Minor spacing refinements on Membership settings

Browse source
This commit is contained in:
Peter Zimon 2021-05-18 11:09:42 +02:00
parent 995b102617
commit 97866adb37
2 changed files with 31 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
ghost/admin/app/styles/layouts/settings.css
View file

@ -1406,8 +1406,14 @@ p.theme-validation-details {
grid-gap: 32px;
}
.gh-setting-members-basicsform {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.gh-setting-members-basicsform .intro {
margin: 0 0 2em;
margin: 0;
font-size: 1.6rem;
}
@ -1415,8 +1421,11 @@ p.theme-validation-details {
background: linear-gradient(to left, color-mod(var(--main-color-content-greybg) l(-3%)), var(--main-color-content-greybg));
}
.gh-setting-members-access {
margin-bottom: 30px;
}
.gh-setting-members-portalpreview {
flex-basis: 460px;
justify-self: end;
font-size: 1.3rem;
font-weight: 500;
@ -1452,7 +1461,7 @@ p.theme-validation-details {
}
.gh-setting-members-tierscontainer {
margin-top: 7vmin;
margin-top: 4vmin;
}
.gh-settings-members-tiersheader {

36
ghost/admin/app/templates/settings/membership.hbs
View file

@ -22,26 +22,28 @@
<div class="gh-setting-members-basics">
<div class="gh-setting-members-basicsform">
<p class="intro">Fund your work with subscription revenue. Connect your Stripe account and offer premium content to your audience. Our creators are already making over $2 million per year, while Ghost takes 0% payment fees.</p>
<section class="gh-expandable gh-setting-members-portalcta">
<div class="gh-expandable-block">
<div class="gh-expandable-header">
<div>
<h4 class="gh-expandable-title">Portal Settings</h4>
<p class="gh-expandable-description">
Customize members modal signup flow
</p>
<hr>
<div>
<section class="gh-expandable gh-setting-members-portalcta">
<div class="gh-expandable-block">
<div class="gh-expandable-header">
<div>
<h4 class="gh-expandable-title">Portal Settings</h4>
<p class="gh-expandable-description">
Customize members modal signup flow
</p>
</div>
<button type="button" class="gh-btn gh-btn-green" {{on "click" this.openPortalSettings}} data-test-toggle="portal-settings">
<span>Customise Portal &rarr;</span>
</button>
</div>
<button type="button" class="gh-btn gh-btn-green" {{on "click" this.openPortalSettings}} data-test-toggle="portal-settings">
<span>Customise Portal &rarr;</span>
</button>
</div>
</div>
</section>
</section>
<div class="gh-setting-members-access">
<Settings::MembersSubscriptionAccess />
<Settings::MembersDefaultPostAccess />
<div class="gh-setting-members-access">
<Settings::MembersSubscriptionAccess />
<Settings::MembersDefaultPostAccess />
</div>
</div>
</div>
<div class="gh-setting-members-portalpreview">