Removed paddings in plans page

no refs.
This commit is contained in:
Peter Zimon 2020-07-20 18:03:34 +02:00
parent 9f01f70777
commit 73ee017b12
4 changed files with 6 additions and 10 deletions

View File

@ -61,7 +61,7 @@ export default class App extends React.Component {
// Loads default page and popup state for local UI testing // Loads default page and popup state for local UI testing
if (process.env.NODE_ENV === 'development') { if (process.env.NODE_ENV === 'development') {
return { return {
page: 'accountProfile', page: 'accountPlan',
showPopup: true showPopup: true
}; };
} }

View File

@ -6,7 +6,6 @@
import {ActionButtonStyles} from './common/ActionButton'; import {ActionButtonStyles} from './common/ActionButton';
import {SwitchStyles} from './common/Switch'; import {SwitchStyles} from './common/Switch';
import {AccountHomePageStyles} from './pages/AccountHomePage'; import {AccountHomePageStyles} from './pages/AccountHomePage';
import {AccountProfilePageStyles} from './pages/AccountProfilePage';
import {InputFieldStyles} from './common/InputField'; import {InputFieldStyles} from './common/InputField';
// Global styles // Global styles
@ -242,7 +241,7 @@ export const GlobalStyles = `
.gh-portal-detail-header .gh-portal-btn-back, .gh-portal-detail-header .gh-portal-btn-back,
.gh-portal-detail-header .gh-portal-btn-back:hover { .gh-portal-detail-header .gh-portal-btn-back:hover {
position: absolute; position: absolute;
top: -8px; top: -10px;
left: 0; left: 0;
background: none; background: none;
box-shadow: none; box-shadow: none;
@ -255,7 +254,6 @@ export const GlobalStyles = `
const FrameStyle = const FrameStyle =
GlobalStyles + GlobalStyles +
AccountHomePageStyles + AccountHomePageStyles +
AccountProfilePageStyles +
InputFieldStyles + InputFieldStyles +
SwitchStyles + SwitchStyles +
ActionButtonStyles; ActionButtonStyles;

View File

@ -37,9 +37,9 @@ export default class AccountPlanPage extends React.Component {
renderHeader() { renderHeader() {
return ( return (
<div style={{display: 'flex', padding: '0 24px'}}> <div className='gh-portal-detail-header'>
<div style={{color: this.context.brandColor, cursor: 'pointer'}} role="button" onClick={e => this.onBack(e)}> &lt; Back </div> <button className='gh-portal-btn gh-portal-btn-back' style={{color: this.context.brandColor}} onClick={e => this.onBack(e)}>Back</button>
<div style={{flexGrow: 1, display: 'flex', justifyContent: 'center', fontWeight: 'bold'}}> Choose Plan </div> <h3 className='gh-portal-maiin-title'>Choose plan</h3>
</div> </div>
); );
} }
@ -92,7 +92,7 @@ export default class AccountPlanPage extends React.Component {
} }
]; ];
return ( return (
<div style={{padding: '0 24px', marginTop: '12px'}}> <div>
<PlansSection <PlansSection
showLabel={false} showLabel={false}
plans={plansData} plans={plansData}

View File

@ -7,8 +7,6 @@ import isPreviewMode from '../../utils/is-preview-mode';
const React = require('react'); const React = require('react');
export const AccountProfilePageStyles = ``;
export default class AccountProfilePage extends React.Component { export default class AccountProfilePage extends React.Component {
static contextType = AppContext; static contextType = AppContext;