TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-26 13:35:16 +03:00
Code Issues Projects Releases Wiki 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;
color: var(--grey0);
line-height: 1.1em;
text-wrap: pretty;
}
.gh-portal-text-disabled {
@ -40,6 +41,7 @@ const FrameStyles = `
.gh-portal-text-center {
text-align: center;
text-wrap: pretty;
}
.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';
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 {
padding: 10px 0;
margin: 24px auto 16px;
text-align: center;
color: var(--brandcolor);
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 {
@ -28,10 +42,10 @@ const SupportSuccess = () => {
<div className='gh-portal-content gh-portal-tips-and-donations'>
<CloseButton />
<div className="gh-tips-and-donations-icon-success">
{site.icon ? <img src={site.icon} alt={site.title} /> : <ConfettiIcon />}
<div className="gh-portal-signup-header">
{site.icon ? <img className="gh-portal-signup-logo" src={site.icon} alt={site.title} /> : <div className="gh-tips-and-donations-icon-success"><ConfettiIcon /></div>}
<h1 className="gh-portal-main-title">{successTitle}</h1>
</div>
<h1 className="gh-portal-main-title">{successTitle}</h1>
<p className="gh-portal-text-center">{successDescription}</p>
<ActionButton