From d04958bb01baa2bc77a8dd144d05e56f36bd3775 Mon Sep 17 00:00:00 2001 From: Laurens Valk Date: Fri, 29 May 2020 13:31:59 +0200 Subject: [PATCH] app: configure environment color Blue will be reserved for the buttons, not the borders --- src/components/App.tsx | 2 +- src/components/StatusBar.tsx | 2 +- src/index.scss | 8 ++++++-- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/components/App.tsx b/src/components/App.tsx index ad3badc6..8bc51f1c 100644 --- a/src/components/App.tsx +++ b/src/components/App.tsx @@ -30,7 +30,7 @@ function App(): JSX.Element { - + diff --git a/src/components/StatusBar.tsx b/src/components/StatusBar.tsx index 4e9c43d0..08d8a42b 100644 --- a/src/components/StatusBar.tsx +++ b/src/components/StatusBar.tsx @@ -13,7 +13,7 @@ type StatusProps = StateProps; class StatusBar extends React.Component { render(): JSX.Element { return ( -
+
); diff --git a/src/index.scss b/src/index.scss index 25e038eb..5ce5a524 100644 --- a/src/index.scss +++ b/src/index.scss @@ -2,12 +2,12 @@ // Copyright (c) 2020 The Pybricks Authors // Override default variables before the import -$body-bg: #0088ce; +$body-bg: #e8e8e8; // Import Bootstrap and its default variables @import '~bootstrap/scss/bootstrap'; -.Terminal { +.terminal { height: 15vh; } @@ -19,3 +19,7 @@ $body-bg: #0088ce; padding: 0px; padding-right: 8px; } + +.status-bar { + background-color: #0088ce; +}