Updated launch wizard Stripe connect info styles

This commit is contained in:
Peter Zimon 2021-05-18 14:15:44 +02:00
parent b9ba7045a4
commit 37de5f957d
3 changed files with 7 additions and 9 deletions

View File

@ -1,14 +1,14 @@
<div class="gh-launch-wizard-settings-container">
<div class="gh-stack overflow-y-auto flex-grow-1">
<div class="gh-stack-item gh-setting-first">
<div class="gh-launch-wizard-stripe-info">
<div class="flex justify-between items-center mb2">
<div class="gh-setting-title">How you get paid</div>
<div class="gh-members-stripe-info gh-launch-wizard-stripe-info">
<div class="gh-members-stripe-info-header">
<h4>Getting paid</h4>
{{svg-jar "stripe-verified-partner-badge" class="gh-members-stripe-badge"}}
</div>
<div class="gh-setting-desc">
<p class="f8 mt2 mb0">
Stripe is our exclusive direct payments partner. Ghost collects <strong>no fees</strong> on any payments! If you dont have a Stripe account yet, you can <a href="https://stripe.com" target="_blank" rel="noopener noreferrer" class="gh-members-stripe-link">sign up here</a>.
</div>
</p>
</div>
</div>
{{#if this.config.stripeDirect}}

View File

@ -89,9 +89,7 @@
/* Connect Stripe settings */
.gh-launch-wizard-stripe-info {
width: 100%;
padding: 24px 16px;
background: var(--whitegrey-l1);
border-radius: 2px;
padding: 16px;
}
.gh-launch-wizard-stripe-connect-token {

View File

@ -1620,7 +1620,7 @@ p.theme-validation-details {
}
.gh-members-connectbutton-container {
max-width: 380px;
margin-right: 4px;
}
.gh-members-connectbutton-container .for-switch {