0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-17 23:44:39 -05:00

Refined background color + plan label

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

View file

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

View file

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

View file

@ -73,7 +73,7 @@ class PopupContent extends React.Component {
...Styles.page[page] ...Styles.page[page]
}; };
return ( 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.renderPopupClose()}
{this.renderActivePage()} {this.renderActivePage()}
</div> </div>
@ -138,7 +138,7 @@ export default class PopupModal extends React.Component {
return ( return (
<div style={Styles.modalContainer}> <div style={Styles.modalContainer}>
<Frame style={frameStyle} title="membersjs-popup" head={this.renderFrameStyles()}> <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 /> <PopupContent />
</Frame> </Frame>
</div> </div>

View file

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