web client v1.0 (production)

2020-10-08 21:29:06 +02:00
parent d0dab37649
commit 20c7dd18a7
22 changed files with 289 additions and 33 deletions
--- a/src/styles/Dish.scss
+++ b/src/styles/Dish.scss
@@ -0,0 +1,78 @@
+.dish-container {
+  min-width: 70%;
+  min-height: 600px;
+  max-height: 80vh;
+  max-width: 80%;
+  background-color: #1f1f1f;
+  border-radius: 15px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  hr {
+    border: solid 1px $dark-gray;
+    border-bottom: none;
+  }
+}
+
+.dish-left {
+  width: 100%;
+  height: 100%;
+}
+
+.dish-hero {
+  width: 100%;
+  height: 100%;
+  border-top-left-radius: 15px;
+  border-bottom-left-radius: 15px;
+  background-size: cover;
+  text-align: left;
+}
+
+.button-container {
+  position: relative;
+  top: 18px;
+  left: 18px;
+  background-color: #d68000;
+  width: fit-content;
+  border-radius: 30px;
+}
+
+.dish-info {
+  h1 {
+    font-weight: 200;
+    color: $gray;
+  }
+}
+
+.dish-content {
+  h5 {
+    font-size: 1rem;
+    font-weight: 300;
+    margin: 0 8px 0 auto;
+  }
+  p {
+    color: $gray;
+    margin: 0 auto 0 0;
+    font-weight: 500;
+  }
+}
+
+.dish-pictograms {
+  width: fit-content;
+  margin: auto;
+}
+
+.dish-row {
+  margin-top: 18px;
+  margin-bottom: 18px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.dish-row-column {
+  margin-top: 18px;
+  margin-bottom: 18px;
+  h5 {
+    margin-bottom: 8px;
+  }
+}