TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-04 17:04:59 +03:00
Code Issues Projects Releases Wiki Activity

Refined background color + plan label

Browse Source
This commit is contained in:
Peter Zimon 2020-07-29 16:04:47 +02:00
parent a37e682f6b
commit 3eaa30e1f3
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/portal/src/App.js
View File

@ -143,7 +143,7 @@ export default class App extends React.Component {
showPopup: true,
site: Fixtures.site,
member: Fixtures.member.paid,
page: 'accountPlan'
page: 'accountHome'
};
}
return {};

2
ghost/portal/src/components/Frame.styles.js
View File

@ -182,7 +182,7 @@ const GlobalStyles = `
}
.gh-portal-popup-background.preview {
background: #F8FAFC;
background: #EDF0F2;
animation: none;
}

4
ghost/portal/src/components/PopupModal.js
View File

@ -73,7 +73,7 @@ class PopupContent extends React.Component {
...Styles.page[page]
};
return (
<div className={hasMode(['preview']) ? 'gh-portal-popup-container preview' : 'gh-portal-popup-container'} style={pageStyle} ref={this.container}>
<div className={hasMode(['preview', 'dev']) ? 'gh-portal-popup-container preview' : 'gh-portal-popup-container'} style={pageStyle} ref={this.container}>
{this.renderPopupClose()}
{this.renderActivePage()}
</div>
@ -138,7 +138,7 @@ export default class PopupModal extends React.Component {
return (
<div style={Styles.modalContainer}>
<Frame style={frameStyle} title="membersjs-popup" head={this.renderFrameStyles()}>
<div className={hasMode(['preview']) ? 'gh-portal-popup-background preview' : 'gh-portal-popup-background'} onClick = {e => this.handlePopupClose(e)}></div>
<div className={hasMode(['preview', 'dev']) ? 'gh-portal-popup-background preview' : 'gh-portal-popup-background'} onClick = {e => this.handlePopupClose(e)}></div>
<PopupContent />
</Frame>
</div>

2
ghost/portal/src/components/pages/AccountHomePage.js
View File

@ -192,7 +192,7 @@ class PaidAccountHomePage extends React.Component {
}
getPlanLabel({amount = 0, currency_symbol: currencySymbol = '$', interval}) {
return `${currencySymbol}${amount / 100} / ${interval}`;
return `${currencySymbol}${amount / 100}/${interval}`;
}
getCardLabel({defaultCardLast4}) {