diff --git a/webapp/src/components/Game/GameHeader.css b/webapp/src/components/Game/GameView.css similarity index 83% rename from webapp/src/components/Game/GameHeader.css rename to webapp/src/components/Game/GameView.css index 51a7ea4..29f4839 100644 --- a/webapp/src/components/Game/GameHeader.css +++ b/webapp/src/components/Game/GameView.css @@ -1,4 +1,4 @@ -.game-header { +.game-view { margin-bottom: 10px; background-color: lightgrey; width: 100%; @@ -7,7 +7,7 @@ color: black; } -.game-header a { +.game-view a { color:darkgrey; text-decoration: none; transition: .25s ease; @@ -15,7 +15,7 @@ margin-right: 5px; } -.game-header .active { +.game-view .active { color: white; border-radius: 2px; background-color: cadetblue; @@ -24,7 +24,7 @@ padding-bottom: 8px; } -.game-header a:hover:not(.active) { +.game-view a:hover:not(.active) { color: cadetblue; box-shadow: 0 1.5px 0 0 currentColor; } \ No newline at end of file diff --git a/webapp/src/components/Game/GameHeader.jsx b/webapp/src/components/Game/GameView.jsx similarity index 75% rename from webapp/src/components/Game/GameHeader.jsx rename to webapp/src/components/Game/GameView.jsx index b2ae0b1..7930edf 100644 --- a/webapp/src/components/Game/GameHeader.jsx +++ b/webapp/src/components/Game/GameView.jsx @@ -1,11 +1,11 @@ -import './GameHeader.css'; +import './GameView.css'; import React from 'react'; import { NavLink } from "react-router-dom"; -export default function GameHeader() { +export default function GameView() { return ( -