From 1df36b56038833bbc77c0c680a4df7d3545eb506 Mon Sep 17 00:00:00 2001 From: Jake Dexheimer Date: Mon, 3 Jul 2017 16:51:37 -0700 Subject: [PATCH] Wire up windowControls, dropShadow toggles --- components/CodeImage.js | 8 ++++++-- components/Meta.js | 7 ++++++- components/Settings.js | 2 +- pages/index.js | 2 +- 4 files changed, 14 insertions(+), 5 deletions(-) diff --git a/components/CodeImage.js b/components/CodeImage.js index 27e6458..aafeb36 100644 --- a/components/CodeImage.js +++ b/components/CodeImage.js @@ -70,8 +70,12 @@ const DEFAULT_SETTINGS = { if (this.state.loading === false) { content = (
- { true ? : null } - + { config.windowControls ? : null } +
) } diff --git a/components/Meta.js b/components/Meta.js index f51daa1..3b9d53b 100644 --- a/components/Meta.js +++ b/components/Meta.js @@ -53,7 +53,12 @@ export default () => ( border: solid 2px #fff; } - .CodeMirrorContainer .CodeMirror { + .CodeMirror__container.dropshadow { + box-shadow: 0px 3px 15px rgba(0,0,0,0.3); + border-radius: 5px; + } + + .CodeMirror__container .CodeMirror { height: auto; min-width: 680px; padding: 40px 18px 24px; diff --git a/components/Settings.js b/components/Settings.js index 60ca45a..bbbd9ff 100644 --- a/components/Settings.js +++ b/components/Settings.js @@ -32,7 +32,7 @@ class Settings extends React.Component {
- +
diff --git a/pages/index.js b/pages/index.js index 3109bb1..5537e59 100644 --- a/pages/index.js +++ b/pages/index.js @@ -73,7 +73,7 @@ class Index extends React.Component { onBGChange={color => this.setState({ background: color })} onThemeChange={theme => this.setState({ theme: theme.id })} onLanguageChange={language => this.setState({ language })} - onSettingsChange={(key, value) => this.setState({ key: value })} + onSettingsChange={(key, value) => this.setState({ [key]: value })} bg={this.state.background} />