diff --git a/src/App.tsx b/src/App.tsx
index 45ea1f8..2d73d48 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,9 +5,9 @@ import { HashRouter, Route, Switch } from "react-router-dom";
import Notes from "./dom-components/Notes";
import MainPage from "./dom-components/MainPage";
import Guide from "./dom-components/Guide";
-import Keybinding from "./dom-components/Keybinding";
+import Options from "./dom-components/Options";
import { useStore } from "./store";
-import Savefile from "./dom-components/Savefile";
+
const App = () => {
const setKeybindings = useStore((state) => state.setKeybindings);
@@ -24,8 +24,7 @@ const App = () => {
This is the keybindings page. To change a keybinding, just click on it
and press the button you wish to bind it to after. In order for this to
diff --git a/src/dom-components/Options.tsx b/src/dom-components/Options.tsx
new file mode 100644
index 0000000..4019690
--- /dev/null
+++ b/src/dom-components/Options.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Header from "./Header";
+import Keybinding from "./Keybinding";
+import Savefile from "./Savefile";
+
+const Options = () => {
+ return (
+ <>
+
If you've saved the game during the playthrough, the text provided in diff --git a/src/static/css/savefile.css b/src/static/css/savefile.css index ffbac74..3411a5c 100644 --- a/src/static/css/savefile.css +++ b/src/static/css/savefile.css @@ -1,13 +1,17 @@ .savefile-wrapper { - display: block; - margin: 0 auto; - text-align: center; + display: block; + margin: 0 auto; + text-align: center; + padding-left: 5em; + padding-right: 5em; } .savefile-note { - text-align: center; - font-size: 1.7rem; - color: white; - padding-left: 5em; - padding-right: 5em; + text-align: center; + font-size: 1.7rem; + color: white; } + +textarea { + width:70%; +} \ No newline at end of file