soto: add graphical tweaks for spa

This commit is contained in:
Matilde Park 2020-06-09 16:13:56 -04:00
parent da0d149828
commit 1b28ea1345
3 changed files with 5 additions and 5 deletions

View File

@ -47,7 +47,7 @@ export default class DojoApp extends Component {
render() {
return (
<div
className="bg-white bg-gray1-d"
className="bg-white bg-gray0-d"
style={{ height: 'calc(100vh - 45px)' }}
>
<Route
@ -72,7 +72,7 @@ export default class DojoApp extends Component {
<div
className={
'pa3 bg-white bg-gray0-d black white-d mono w-100 f8 relative' +
' h-100-m40-s b--gray2 br1 flex-auto ' +
' h-100-m40-s b--gray2 br1 flex-auto flex flex-column ' +
popoutClasses
}
style={{

View File

@ -8,8 +8,8 @@ export class History extends Component {
render() {
return (
<div
className="relative flex flex-column-reverse overflow-container flex-auto"
style={{ height: 'calc(100% - 1rem)', resize: 'none' }}
className="h-100 relative flex flex-column-reverse overflow-container flex-auto"
style={{ resize: 'none' }}
>
<div style={{ marginTop: 'auto' }}>
{this.props.commandLog.map((text, index) => {

View File

@ -7,7 +7,7 @@ export class Popout extends Component {
: 'dib-m dib-l dib-xl';
return (
<div
className="dib absolute z-2"
className="db tr z-2"
style={{
right: 16,
top: 16