Search query / results cards

2020-07-22 12:45:34 +02:00
parent 2bcbfef8ba
commit d8173a9d7f
14 changed files with 188 additions and 12 deletions
--- a/src/styles/SearchResults.scss
+++ b/src/styles/SearchResults.scss
@@ -0,0 +1,49 @@
+@import "./Design.scss";
+
+.search-results {
+}
+
+.card-restaurant {
+  background-color: #f7f7f7;
+  margin: 14px;
+  color: $secondary-color;
+  border-radius: 10px;
+  min-width: 70vw;
+  min-height: 200px;
+  display: flex;
+  cursor: pointer;
+  :hover {
+    background-color: #ebebeb;
+  }
+}
+
+.card-img {
+  width: 180px;
+  height: 180px;
+  margin: 10px;
+  border-radius: 8px;
+  background-image: url("../public/cat.jpg");
+  background-size: cover;
+}
+
+.card-info {
+  text-align: start;
+  flex-grow: 6;
+
+  h1 {
+    color: $main-color;
+    font-size: 1.6rem;
+    font-weight: 300;
+    margin-bottom: 4px;
+  }
+  h3 {
+    font-weight: 400;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    font-size: 0.8rem;
+  }
+  hr {
+    color: $main-color;
+    border: solid 1px;
+  }
+}