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
if (process.env.NODE_ENV === 'development') {
return {
page: 'accountProfile',
page: 'accountPlan',
showPopup: true
};
}

View File

@ -6,7 +6,6 @@
import {ActionButtonStyles} from './common/ActionButton';
import {SwitchStyles} from './common/Switch';
import {AccountHomePageStyles} from './pages/AccountHomePage';
import {AccountProfilePageStyles} from './pages/AccountProfilePage';
import {InputFieldStyles} from './common/InputField';
// 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:hover {
position: absolute;
top: -8px;
top: -10px;
left: 0;
background: none;
box-shadow: none;
@ -255,7 +254,6 @@ export const GlobalStyles = `
const FrameStyle =
GlobalStyles +
AccountHomePageStyles +
AccountProfilePageStyles +
InputFieldStyles +
SwitchStyles +
ActionButtonStyles;

View File

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

View File

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