diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..3b52b92
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+ Food App
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index e60a66e..6722441 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,11 +29,10 @@ body {
height: $app-height;
width: $app-width;
overflow: hidden;
- font-family: "Avenir", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
- color: #2c3e50;
+ color: white;
margin-top: 60px;
}
diff --git a/src/components/AppGrid.vue b/src/components/AppGrid.vue
index 05497cb..63a049b 100644
--- a/src/components/AppGrid.vue
+++ b/src/components/AppGrid.vue
@@ -9,7 +9,7 @@
ref="itemimg"
>
![]()
- {{ item.name }}
+ {{ item.restaurant }}
@@ -118,4 +118,8 @@ export default {
backface-visibility: hidden;
}
}
+
+h4 {
+ margin-top: 0;
+}
\ No newline at end of file
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 16bdd70..789e351 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -1,2 +1,10 @@
$app-width: 500px;
-$app-height: 100vh;
\ No newline at end of file
+$app-height: 100vh;
+
+body {
+ font-family: "Avenir", Helvetica, Arial, sans-serif;
+}
+
+h1, h2, h3 {
+ font-family: 'Prata', serif;
+}
\ No newline at end of file