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-launch-wizard-settings-container">
<div class="gh-stack overflow-y-auto flex-grow-1"> <div class="gh-stack overflow-y-auto flex-grow-1">
<div class="gh-stack-item gh-setting-first"> <div class="gh-stack-item gh-setting-first">
<div class="gh-launch-wizard-stripe-info"> <div class="gh-members-stripe-info gh-launch-wizard-stripe-info">
<div class="flex justify-between items-center mb2"> <div class="gh-members-stripe-info-header">
<div class="gh-setting-title">How you get paid</div> <h4>Getting paid</h4>
{{svg-jar "stripe-verified-partner-badge" class="gh-members-stripe-badge"}} {{svg-jar "stripe-verified-partner-badge" class="gh-members-stripe-badge"}}
</div> </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>. 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>
</div> </div>
{{#if this.config.stripeDirect}} {{#if this.config.stripeDirect}}

View File

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

View File

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