diff --git a/website/src/App.tsx b/website/src/App.tsx index 2961869d..25108a7b 100644 --- a/website/src/App.tsx +++ b/website/src/App.tsx @@ -21,6 +21,11 @@ const ActionButton = styled.button` margin-top: 20px; `; +const AppContainer = styled.main` + height: calc(100vh - 20px); + padding: 10px; +`; + function App() { const [{ volume, bindings }, setState] = useLocalStorage( { volume: 1.0, bindings: DefaultBindingsSet() }, @@ -43,7 +48,7 @@ function App() { }); return ( -
+ {showBindings && ( -
+ ); } diff --git a/website/src/globalStyles.ts b/website/src/globalStyles.ts new file mode 100644 index 00000000..2b1952b6 --- /dev/null +++ b/website/src/globalStyles.ts @@ -0,0 +1,8 @@ +import { createGlobalStyle } from "styled-components"; + +export const GlobalStyle = createGlobalStyle` + body { + margin: 0; + padding: 0; + } +`; diff --git a/website/src/index.tsx b/website/src/index.tsx index 3fe092e7..c9ac7eb2 100644 --- a/website/src/index.tsx +++ b/website/src/index.tsx @@ -1,6 +1,7 @@ import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; +import { GlobalStyle } from "./globalStyles"; const root = ReactDOM.createRoot( document.getElementById("root") as HTMLElement @@ -8,6 +9,7 @@ const root = ReactDOM.createRoot( root.render( + );