embarklabs
/
embark
mirror of https://github.com/embarklabs/embark.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

improve sidebars width

This commit is contained in:
Iuri Matias 2018-10-24 16:41:19 -04:00
parent 9023231c17
commit 2821c3deb1
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
embark-ui/src/containers/EditorContainer.js
View File

@ -49,7 +49,7 @@ class EditorContainer extends React.Component {
} }
textEditorMdSize() { textEditorMdSize() {
return this.state.currentAsideTab.length ? 5 : 10; return this.state.currentAsideTab.length ? 7 : 10
} }
textEditorXsSize() { textEditorXsSize() {
@ -64,13 +64,13 @@ class EditorContainer extends React.Component {
isContract={this.isContract()} isContract={this.isContract()}
currentFile={this.props.currentFile} /> currentFile={this.props.currentFile} />
</Col> </Col>
<Col xs={4} md={2} className="border-right"> <Col xs={4} md={2} xl={2} lg={2} className="border-right">
<FileExplorerContainer showHiddenFiles={this.state.showHiddenFiles} toggleShowHiddenFiles={() => this.toggleShowHiddenFiles()} /> <FileExplorerContainer showHiddenFiles={this.state.showHiddenFiles} toggleShowHiddenFiles={() => this.toggleShowHiddenFiles()} />
</Col> </Col>
<Col xs={this.textEditorXsSize()} md={this.textEditorMdSize()}> <Col xs={this.textEditorXsSize()} md={this.textEditorMdSize()}>
<TextEditorContainer currentFile={this.props.currentFile} onFileContentChange={(newContent) => this.onFileContentChange(newContent)} /> <TextEditorContainer currentFile={this.props.currentFile} onFileContentChange={(newContent) => this.onFileContentChange(newContent)} />
</Col> </Col>
{this.state.currentAsideTab && <Col xs={6} md={5}> {this.state.currentAsideTab && <Col xs={6} md={3}>
<TextEditorAsideContainer currentAsideTab={this.state.currentAsideTab} currentFile={this.props.currentFile} /> <TextEditorAsideContainer currentAsideTab={this.state.currentAsideTab} currentFile={this.props.currentFile} />
</Col>} </Col>}
</Row> </Row>