Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Updated donation success modal styles (#20859)

Browse source 
REF PLG-152
This commit is contained in:
Sanne de Vries 2024-08-28 17:48:57 +02:00 • committed by GitHub
parent c689414497
commit 8ddbf471dd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 21 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/portal/src/components/Frame.styles.js
View file

@ -30,6 +30,7 @@ const FrameStyles = `
text-align: center; text-align: center;
color: var(--grey0); color: var(--grey0);
line-height: 1.1em; line-height: 1.1em;
text-wrap: pretty;
} }
.gh-portal-text-disabled { .gh-portal-text-disabled {
@ -40,6 +41,7 @@ const FrameStyles = `
.gh-portal-text-center { .gh-portal-text-center {
text-align: center; text-align: center;
text-wrap: pretty;
} }
.gh-portal-input-label { .gh-portal-input-label {

24
apps/portal/src/components/pages/SupportSuccess.js
View file

@ -5,12 +5,26 @@ import CloseButton from '../common/CloseButton';
import ActionButton from '../common/ActionButton'; import ActionButton from '../common/ActionButton';
export const TipsAndDonationsSuccessStyle = ` export const TipsAndDonationsSuccessStyle = `
.gh-portal-tips-and-donations .gh-portal-signup-header {
margin-bottom: 12px;
padding: 0;
}
.gh-portal-tips-and-donations .gh-tips-and-donations-icon-success { .gh-portal-tips-and-donations .gh-tips-and-donations-icon-success {
padding: 10px 0; margin: 24px auto 16px;
text-align: center; text-align: center;
color: var(--brandcolor); color: var(--brandcolor);
width: 48px; width: 48px;
margin: 0 auto; height: 48px;
}
.gh-portal-tips-and-donations .gh-tips-and-donations-icon-success svg {
width: 48px;
height: 48px;
}
.gh-portal-tips-and-donations h1.gh-portal-main-title {
font-size: 32px;
} }
.gh-portal-tips-and-donations .gh-portal-text-center { .gh-portal-tips-and-donations .gh-portal-text-center {
@ -28,10 +42,10 @@ const SupportSuccess = () => {
<div className='gh-portal-content gh-portal-tips-and-donations'> <div className='gh-portal-content gh-portal-tips-and-donations'>
<CloseButton /> <CloseButton />
<div className="gh-tips-and-donations-icon-success"> <div className="gh-portal-signup-header">
{site.icon ? <img src={site.icon} alt={site.title} /> : <ConfettiIcon />} {site.icon ? <img className="gh-portal-signup-logo" src={site.icon} alt={site.title} /> : <div className="gh-tips-and-donations-icon-success"><ConfettiIcon /></div>}
</div>
<h1 className="gh-portal-main-title">{successTitle}</h1> <h1 className="gh-portal-main-title">{successTitle}</h1>
</div>
<p className="gh-portal-text-center">{successDescription}</p> <p className="gh-portal-text-center">{successDescription}</p>
<ActionButton <ActionButton