diff --git a/webapp/src/App.js b/webapp/src/App.js index e83c0e3..c0f7a11 100644 --- a/webapp/src/App.js +++ b/webapp/src/App.js @@ -14,6 +14,7 @@ function App() {
+ {/* https://stackoverflow.com/questions/40541994/multiple-path-names-for-a-same-component-in-react-router */} } /> } /> } /> diff --git a/webapp/src/components/Board/index.css b/webapp/src/components/Board/index.css index 01daafe..6e9cc05 100644 --- a/webapp/src/components/Board/index.css +++ b/webapp/src/components/Board/index.css @@ -27,3 +27,7 @@ .tile.white:hover { background-color:azure; } + +.stone { + font-size: 120%; +} \ No newline at end of file diff --git a/webapp/src/components/Game/index.jsx b/webapp/src/components/Game/index.jsx index 27035c5..34f0e6b 100644 --- a/webapp/src/components/Game/index.jsx +++ b/webapp/src/components/Game/index.jsx @@ -2,21 +2,21 @@ import './index.css'; import React from 'react'; import GameHeader from '../GameHeader' import GameSelector from '../GameSelector' -import Board from '../Board' +import Board from '../Board' // import { AppData } from "../../context/data" export default function Game() { return
- +
- - + +
- -
- + +
+ }; diff --git a/webapp/src/components/GameSelector/index.css b/webapp/src/components/GameSelector/index.css index 8fe03fb..96d7c1a 100644 --- a/webapp/src/components/GameSelector/index.css +++ b/webapp/src/components/GameSelector/index.css @@ -39,9 +39,4 @@ font-size: 50%; padding-left: 50%; margin-bottom: 7px; -} - -.stone { - font-size: 140%; - vertical-align: -3px; } \ No newline at end of file