replace vehiclemenu

2021-05-07 20:00:26 +02:00
parent f7a54d67fd
commit 530e2f6ba6
12 changed files with 249 additions and 5 deletions
--- a/ReallifeGamemode.Client/assets/css/interaction/style.scss
+++ b/ReallifeGamemode.Client/assets/css/interaction/style.scss
@@ -0,0 +1,68 @@
+html { box-sizing: border-box; }
+*, *:before, *:after { box-sizing: inherit; }
+
+html, body {
+  height: 100vh;
+  width: 100vw;
+}
+
+body {
+  margin: 0;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+}
+
+main {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  bottom: 15vh;
+}
+
+.vehicle-menu {
+  background-color: rgba(black, .5);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: .5em;
+
+  border-radius: 3px;
+  color: white;
+
+  &__item {
+    width: 8em;
+    padding: .5em;
+    border-radius: 3px;
+
+    &:not(:last-child) { margin-right: .5em; }
+    &:hover { background-color: rgba(black, .125); }
+  }
+
+  &__icon {
+    max-width: 3em;
+    height: auto;
+
+    align-self: center;
+  }
+
+  &__text {
+    text-align: center;
+    margin-top: .5em;
+  }
+}
+
+.flex--column {
+  display: flex;
+  flex-direction: column;
+}