WIP

2022-02-08 21:52:31 +01:00
parent 56ed83d9f6
commit 4785b61644
15 changed files with 274 additions and 71 deletions
--- a/src/ui/components/GameTabs.css
+++ b/src/ui/components/GameTabs.css
@@ -0,0 +1,44 @@
+.game-box {
+  grid-area: moves;
+  padding: 20px;
+  min-width: 325px;
+  height: 100vh;
+}
+
+.game-tabs {
+  height: 100%;
+  display: grid;
+  grid-template-rows: 38px 1fr;
+}
+
+.game-tabs__btn {
+  width: 48%;
+  background: rgb(0, 173, 136);
+  color: #0e0e13;
+  padding: 10px;
+  font-family: Ubuntu;
+  font-size: 1.5rem;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  cursor: pointer;
+  height: 38px;
+}
+
+.game-tabs__btn:hover {
+  background: rgb(0, 207, 162);
+}
+
+.game-tabs__btn--active {
+  width: 50%;
+  background: #0e0e13;
+  color: #aaa;
+  cursor: default;
+}
+
+.game-tabs__btn--active:hover {
+  background: #0e0e13;
+}
+
+.game-tabs__btn:nth-child(1) {
+  margin-right: 2%;
+}