|
@@ -288,8 +288,8 @@ class PageEditor extends React.Component {
|
|
|
const emojiStrategy = this.props.appContainer.getEmojiStrategy();
|
|
const emojiStrategy = this.props.appContainer.getEmojiStrategy();
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
- <div className="row">
|
|
|
|
|
- <div className="page-editor-editor-container col-6">
|
|
|
|
|
|
|
+ <div className="d-flex">
|
|
|
|
|
+ <div className="page-editor-editor-container" style={{ flex: 1 }}>
|
|
|
<Editor
|
|
<Editor
|
|
|
ref={(c) => { this.editor = c }}
|
|
ref={(c) => { this.editor = c }}
|
|
|
value={this.state.markdown}
|
|
value={this.state.markdown}
|
|
@@ -305,7 +305,7 @@ class PageEditor extends React.Component {
|
|
|
onSave={this.onSaveWithShortcut}
|
|
onSave={this.onSaveWithShortcut}
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
- <div className="d-none d-xl-block page-editor-preview-container col-6">
|
|
|
|
|
|
|
+ <div className="d-none d-xl-block page-editor-preview-container" style={{ flex: 1 }}>
|
|
|
<Preview
|
|
<Preview
|
|
|
markdown={this.state.markdown}
|
|
markdown={this.state.markdown}
|
|
|
// eslint-disable-next-line no-return-assign
|
|
// eslint-disable-next-line no-return-assign
|