diff --git a/src/components/Launch.jsx b/src/components/Launch.jsx index dc0b4a5..ed2f78e 100644 --- a/src/components/Launch.jsx +++ b/src/components/Launch.jsx @@ -13,6 +13,7 @@ import { TextField, } from '@mui/material'; import { ipcRenderer } from 'electron'; +import Logo from '../assets/app-logo.png'; export default function Launch() { const [brokers, setBrokers] = useState(1); @@ -97,8 +98,7 @@ export default function Launch() { return (
- {/* logo placeholder */} - +

Cluster Broker Count

@@ -298,7 +298,7 @@ export default function Launch() { } - label="Alert me" + label="Email me about key cluster issues" onChange={() => setEmailDisabled(!emailDisabled)} /> { @@ -21,11 +22,8 @@ export default function Sidebar() { return (
- -

Kaffia

+ +

Kaffia

diff --git a/src/styles/styles.scss b/src/styles/styles.scss index e2bab5a..be8c472 100644 --- a/src/styles/styles.scss +++ b/src/styles/styles.scss @@ -41,12 +41,15 @@ body::-webkit-scrollbar-thumb { } #launch-header { - height: 70px; - background-color: blue; + height: 90px; + background-color: white; position: sticky; z-index: 2; top: 0; width: 100%; + display: flex; + align-items: center; + justify-content: center; } #launch-header > img { @@ -54,8 +57,9 @@ body::-webkit-scrollbar-thumb { } #main-logo { - height: 100px; - width: 100px; + margin-top: 10px; + height: 150px; + width: 150px; } #loading { diff --git a/webpack.config.js b/webpack.config.js index 1efce2f..55dff25 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -40,6 +40,12 @@ module.exports = { exclude: /node_modules/, use: ['style-loader', 'css-loader', 'sass-loader'], }, + { + test: /\.(jpg|png|gif)$/, + use: { + loader: 'url-loader', + }, + }, ], }, resolve: {