TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 05:37:34 +03:00
Code Issues Projects Releases Wiki Activity

Adjusted typography and spacing of the Stripe connect modal

Browse Source 
refs https://github.com/TryGhost/Team/issues/2749
This commit is contained in:
Sodbileg Gansukh 2023-03-21 17:48:12 +08:00
parent db589b1ad4
commit 9239fe497f
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin/app/components/settings/members/stripe-settings-form.hbs
View File

@ -56,7 +56,7 @@
{{else}}
{{#if (and this.stripeConnectAccountId (not this.saveStripeSettingsTask.isRunning))}}
<button type="button" class="gh-btn gh-btn-large gh-btn-stripe-disconnect" data-test-button="stripe-disconnect" {{on "click" this.openDisconnectStripeModal}}><span>Disconnect</span></button>
<button type="button" class="gh-btn gh-btn-stripe-disconnect" data-test-button="stripe-disconnect" {{on "click" this.openDisconnectStripeModal}}><span>Disconnect</span></button>
<div class="gh-stripe-connected-container">
<div class="gh-logos-stripe-connect">
<div class="gh-logo-squircle" style="background-image:url(assets/img/orb-squircle.png);"></div>

21
ghost/admin/app/styles/layouts/settings.css
View File

@ -2723,7 +2723,7 @@ p.theme-validation-details {
display: inline-block;
background: #f8e5b9;
color: #983705;
font-size: 1.2rem;
font-size: 1.3rem;
font-weight: 500;
line-height: 1em;
border-radius: 999px;
@ -2759,7 +2759,7 @@ p.theme-validation-details {
font-size: 2.6rem;
font-weight: 600;
text-align: center;
letter-spacing: -.1px;
letter-spacing: -.5px;
margin: 20px 0 10px;
}
@ -2779,7 +2779,8 @@ p.theme-validation-details {
.gh-stripe-connected-info p {
margin: 0 10px 0 0;
font-size: 1.8rem;
font-size: 1.5rem;
letter-spacing: -.1px;
}
.gh-btn-stripe-disconnect {
@ -2810,7 +2811,7 @@ p.theme-validation-details {
.gh-stripe-guide-container > p {
text-transform: uppercase;
letter-spacing: .115em;
letter-spacing: .1em;
font-weight: 500;
margin-bottom: 20px;
}
@ -2856,7 +2857,7 @@ p.theme-validation-details {
flex-direction: column;
flex-grow: 1;
flex-basis: 100%;
padding: 20px 15px;
padding: 20px;
overflow: hidden;
background-color: var(--white);
border-top: 1px;
@ -2874,11 +2875,12 @@ p.theme-validation-details {
}
.gh-stripe-guide-content-body h3 {
font-size: 1.6rem;
font-size: 1.7rem;
font-weight: 600;
}
.gh-stripe-guide-content-body p {
font-size: 1.3rem;
font-size: 1.4rem;
}
.gh-stripe-guide-content-footer {
@ -2905,6 +2907,11 @@ p.theme-validation-details {
letter-spacing: -0.02em;
}
.gh-stripe-guide-content-footer p {
font-weight: 500;
color: #15171a;
}
.gh-stripe-guide-content-footer span {
margin-right: 6px;
font-size: 3.2rem;