add in fonts

sdras · Jan 20, 2019 · 7e4b1ef · 7e4b1ef
1 parent f0b321d
commit 7e4b1ef
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <link href="https://fonts.googleapis.com/css?family=Prata" rel="stylesheet">
+  <title>Food App</title>
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>
diff --git 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;
 }
 </style>
diff --git a/src/components/AppGrid.vue b/src/components/AppGrid.vue
@@ -9,7 +9,7 @@
       ref="itemimg"
     >
       <img :src="`${item.name}.jpg`" :alt="item.name" :ref="item.name">
-      <h3>{{ item.name }}</h3>
+      <h4>{{ item.restaurant }}</h4>
     </div>
     <app-details v-if="isShowing"></app-details>
   </div>
@@ -118,4 +118,8 @@ export default {
     backface-visibility: hidden;
   }
 }
+
+h4 {
+  margin-top: 0;
+}
 </style>
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
@@ -1,2 +1,10 @@
 $app-width: 500px;
-$app-height: 100vh;
+$app-height: 100vh;
+
+body {
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
+}
+
+h1, h2, h3 {
+  font-family: 'Prata', serif;
+}