small ui fixes

pull/1/head
yann300 6 years ago
parent 5804c2c30d
commit b9b2e6a70d
  1. 10
      src/app/debugger/remix-debugger/src/ui/TxBrowser.js
  2. 7
      src/app/debugger/remix-debugger/src/ui/VmDebugger.js

@ -23,8 +23,8 @@ var css = csjs`
}
.txinput {
${styles.rightPanel.debuggerTab.input_Debugger}
min-width: 30px;
margin: 3px;
width: inherit;
}
.txbuttons {
width: 100%;
@ -33,6 +33,10 @@ var css = csjs`
}
.txbutton {
${styles.rightPanel.debuggerTab.button_Debugger}
width: inherit;
}
.txbuttonstart {
${styles.rightPanel.debuggerTab.button_Debugger}
}
.txbutton:hover {
color: ${styles.rightPanel.debuggerTab.button_Debugger_icon_HoverColor};
@ -187,8 +191,8 @@ TxBrowser.prototype.render = function () {
<input class="${css.txinput}" id='txinput' onkeyup=${function () { self.updateTxN(arguments[0]) }} type='text' placeholder=${'Transaction index or hash'} />
</div>
<div class="${css.txbuttons}">
<button id='load' class='fa fa-play ${css.txbutton}' title='start debugging' onclick=${function () { self.submit() }}></button>
<button id='unload' class='fa fa-stop ${css.txbutton}' title='stop debugging' onclick=${function () { self.unload() }}></button>
<button id='load' class='${css.txbutton}' title='start debugging' onclick=${function () { self.submit() }}>Start debugging</button>
<button id='unload' class='${css.txbutton}' title='stop debugging' onclick=${function () { self.unload() }}>Stop</button>
</div>
</div>
<span id='error'></span>

@ -18,10 +18,13 @@ var yo = require('yo-yo')
var css = csjs`
.asmCode {
float: left;
width: 250px;
width: 50%;
}
.stepDetail {
}
.vmheadView {
margin-top:10px;
}
`
function VmDebugger (_parentUI, _traceManager, _codeManager, _solidityProxy, _callTree) {
@ -83,7 +86,7 @@ function VmDebugger (_parentUI, _traceManager, _codeManager, _solidityProxy, _ca
}
VmDebugger.prototype.renderHead = function () {
var headView = yo`<div id='vmheadView'>
var headView = yo`<div id='vmheadView' class=${css.vmheadView}>
<div>
<div class=${css.asmCode}>${this.asmCode.render()}</div>
<div class=${css.stepDetail}>${this.stepDetail.render()}</div>

Loading…
Cancel
Save