diff --git a/src/App.css b/src/App.css index f6a72c4..325af74 100644 --- a/src/App.css +++ b/src/App.css @@ -237,6 +237,7 @@ a:active { .Settings-setting label { margin-inline-start: 8px; + margin-inline-end: 8px; } .top-right { diff --git a/src/App.tsx b/src/App.tsx index 252ecfc..b30c53a 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -35,6 +35,11 @@ function App() { const [dark, setDark] = useSetting("dark", prefersDark); const [colorBlind, setColorBlind] = useSetting("colorblind", false); const [difficulty, setDifficulty] = useSetting("difficulty", 0); + const [keyboard, setKeyboard] = useSetting( + "keyboard", + "qwertyuiop-asdfghjkl-BzxcvbnmE" + ); + const [enterLeft, setEnterLeft] = useSetting("enter-left", false); useEffect(() => { document.body.className = dark ? "dark" : ""; @@ -131,7 +136,6 @@ function App() { />
-   {["Normal", "Hard", "Ultra Hard"][difficulty]}
+
+ + + setEnterLeft((x: boolean) => !x)} + /> + +
)}