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() { render() {
return ( return (
<div <div
className="bg-white bg-gray1-d" className="bg-white bg-gray0-d"
style={{ height: 'calc(100vh - 45px)' }} style={{ height: 'calc(100vh - 45px)' }}
> >
<Route <Route
@ -72,7 +72,7 @@ export default class DojoApp extends Component {
<div <div
className={ className={
'pa3 bg-white bg-gray0-d black white-d mono w-100 f8 relative' + '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 popoutClasses
} }
style={{ style={{

View File

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

View File

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