From 7e4b1efc670e750aae3bd3ce5e5791be1b18b20b Mon Sep 17 00:00:00 2001 From: sdras Date: Sat, 19 Jan 2019 23:12:47 -0700 Subject: [PATCH] add in fonts --- public/index.html | 21 +++++++++++++++++++++ src/App.vue | 3 +-- src/components/AppGrid.vue | 6 +++++- src/styles/_variables.scss | 10 +++++++++- 4 files changed, 36 insertions(+), 4 deletions(-) create mode 100644 public/index.html 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