mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-29 22:01:49 +03:00
Removed paddings in plans page
no refs.
This commit is contained in:
parent
9f01f70777
commit
73ee017b12
@ -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
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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)}> < 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}
|
||||||
|
@ -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;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user