Commit 46d886eb authored by Raghav Khanna's avatar Raghav Khanna

Improve display layout and look

parent 7879c0dd
...@@ -69,7 +69,7 @@ class App extends React.Component { ...@@ -69,7 +69,7 @@ class App extends React.Component {
test = ""; test = "";
} }
processWaccCode = async (code) => { processWaccCode = async (code) => {
let rsp = await sendWaccCode(code); let rsp = await sendWaccCode(code);
let graph = this.state.graphData; let graph = this.state.graphData;
if (typeof rsp.isError !== "undefined") { if (typeof rsp.isError !== "undefined") {
...@@ -143,7 +143,7 @@ class App extends React.Component { ...@@ -143,7 +143,7 @@ class App extends React.Component {
</CardBody> </CardBody>
</Card> </Card>
</GridItem> </GridItem>
<GridItem xs={12} sm={12} md={6}> <GridItem xs={12} sm={12} md={8}>
<Card> <Card>
<CardBody> <CardBody>
<div style={{height: '50em'}}> <div style={{height: '50em'}}>
...@@ -154,12 +154,21 @@ class App extends React.Component { ...@@ -154,12 +154,21 @@ class App extends React.Component {
</CardBody> </CardBody>
</Card> </Card>
</GridItem> </GridItem>
<GridItem xs={12} sm={12} md={6}> <GridItem xs={12} sm={12} md={4}>
<Card> <Card>
<CardBody> <CardBody>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
height: "50em"
}}
>
<Terminal commandPassThrough={cmd => { <Terminal commandPassThrough={cmd => {
test = cmd[0] test = cmd[0]
}} watchConsoleLogging hideTopBar allowTabs={false}/> }} watchConsoleLogging hideTopBar allowTabs={false}/>
</div>
</CardBody> </CardBody>
</Card> </Card>
</GridItem> </GridItem>
......
import React from 'react'; import React from 'react';
import Button from "../components/CustomButtons/Button";
class ButtonStrip extends React.Component { class ButtonStrip extends React.Component {
constructor(props) { constructor(props) {
...@@ -8,10 +9,10 @@ class ButtonStrip extends React.Component { ...@@ -8,10 +9,10 @@ class ButtonStrip extends React.Component {
render() { render() {
return ( return (
<div> <div>
<button onClick={this.props.onCompileClick}></button> <Button onClick={this.props.onCompileClick}></Button>
<button onClick={this.props.onStepJsClick}>STEP JS LINE</button> <Button onClick={this.props.onStepJsClick}>STEP JS LINE</Button>
<button onClick={this.props.onStepIntoAstClick}>STEP INTO AST NODE</button> <Button onClick={this.props.onStepIntoAstClick}>STEP INTO AST NODE</Button>
<button onClick={this.props.onStepOverAstClick}>STEP OVER AST NODE</button> <Button onClick={this.props.onStepOverAstClick}>STEP OVER AST NODE</Button>
</div> </div>
) )
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment