feat: Improvement style and cosmetic code fixes

Solvro · May 30, 2024 · bf3eb88 · bf3eb88
1 parent 8c4d4bf
commit bf3eb88
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 6 deletions.
diff --git a/src/App.css b/src/App.css
@@ -1,3 +1,7 @@
+body {
+    background-color: #282c34;
+}
+
 .cube-scene {
     /*width: 800px;*/
     height: 600px;
@@ -22,5 +26,22 @@
     font-size: 14px;
     font-family: Consolas, monospace;
     padding: 10px;
-    background-color: #f8f8f8;
+    color: white;
+    background-color: #343940;
+    border: 1px solid black;
+    outline: none;
+}
+
+.code-editor textarea:focus {
+    /*border: none;*/
 }
+
+.code-editor button {
+    margin-top: 10px;
+    padding: 10px 20px;
+    font-size: 16px;
+    background-color: steelblue;
+    color: white;
+    border: none;
+    cursor: pointer;
+}
diff --git a/src/App.js b/src/App.js
@@ -12,12 +12,11 @@ function App() {
         setCode(newCode);
     };
 
-
     return (
-    <div className="App">
-        <CubeScene code={code} />
-        <CodeEditor onExecute={handleExecuteCode} />
-    </div>
+        <div className="App">
+            <CubeScene code={code} />
+            <CodeEditor onExecute={handleExecuteCode} />
+        </div>
   );
 }
 

diff --git a/src/components/CubeScene.js b/src/components/CubeScene.js
@@ -50,6 +50,7 @@ const CubeScene = ({ code }) => {
 
         const animate = () => {
             try {
+                /* eslint-disable no-eval */
                 eval(code);
             } catch (error) {
                 console.error("Error executing code: ", error);