Updated unsubscribe design

refs https://github.com/TryGhost/Team/issues/1495
This commit is contained in:
Djordje Vlaisavljevic 2022-05-10 22:44:03 +02:00
parent 334c2c290a
commit 77272bcc9a
2 changed files with 13 additions and 2 deletions

View File

@ -657,7 +657,7 @@ const FrameStyles = `
font-weight: 700;
text-transform: uppercase;
color: #15212a;
margin-top: 12px;
margin-top: 6px;
}
/* Icons
@ -1055,6 +1055,7 @@ const MultipleProductsGlobalStyles = `
height: 60px;
border-radius: 2px;
margin-top: 12px;
margin-bottom: 6px;
}
@media (max-width: 480px) {
@ -1066,6 +1067,15 @@ const MultipleProductsGlobalStyles = `
.gh-portal-unsubscribe .gh-portal-main-title {
margin-bottom: 16px;
font-size: 2.6rem;
}
.gh-portal-unsubscribe p {
margin-bottom: 16px;
}
.gh-portal-unsubscribe p:last-of-type {
margin-bottom: 0;
}
.gh-portal-btn-inline {

View File

@ -100,7 +100,8 @@ export default function UnsubscribePage() {
<AccountHeader />
<h1 className="gh-portal-main-title">Successfully unsubscribed</h1>
<div>
<p className='gh-portal-text-center'><strong>{member?.email}</strong> will no longer receive this newsletter. Didn't mean to do this? Manage your preferences
<p className='gh-portal-text-center'><strong>{member?.email}</strong> will no longer receive this newsletter.</p>
<p className='gh-portal-text-center'>Didn't mean to do this? Manage your preferences
<button
className="gh-portal-btn-link gh-portal-btn-branded gh-portal-btn-inline"
onClick={() => {