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/Controls.css
+++ b/src/ui/components/Controls.css
@@ -0,0 +1,36 @@
+.controls-box {
+  grid-area: controls;
+  padding: 0 20px 20px 20px;
+}
+
+.controls {
+  background: #0e0e13;
+  height: 100%;
+  padding: 20px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+.controls__button {
+  margin: 3px;
+  padding: 5px;
+  font-size: 3rem;
+  background: rgb(0, 173, 136);
+  text-align: center;
+  border-radius: 5px;
+  width: 44px;
+  height: 44px;
+}
+
+.controls__button:hover {
+  background: rgb(0, 207, 162);
+  cursor: pointer;
+}
+
+.controls__button:nth-child(5) {
+  margin-right: 0px;
+}
+
+.controls__button:nth-child(1) {
+  margin-left: 0px;
+}