install font-awesome // minor ui improvements

dmstern · Aug 27, 2018 · e394a85 · e394a85
1 parent 2a04993
commit e394a85
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -39,6 +39,7 @@
     "@vue/cli-plugin-typescript": "^3.0.0-rc.5",
     "@vue/cli-service": "^3.0.0-rc.5",
     "concurrently": "^3.6.1",
+    "font-awesome": "^4.7.0",
     "node-sass": "^4.9.0",
     "sass-loader": "^7.0.1",
     "vue-cli-plugin-vuetify": "^0.1.6",

diff --git a/src/components/PackageDetailItem.vue b/src/components/PackageDetailItem.vue
@@ -2,7 +2,10 @@
 
 <v-flex>
   <v-card>
-    <v-card-title class="subheading">{{title.toLowerCase()}}</v-card-title>
+    <v-card-title class="subheading">
+      <v-icon>fa4-car</v-icon>
+      {{title.toLowerCase()}}
+    </v-card-title>
     <v-card-text :class="bigContent !== false ? `title` : ''">
       <slot></slot>
     </v-card-text>

diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
@@ -1,9 +1,10 @@
 import Vue from 'vue';
 import Vuetify from 'vuetify';
 import 'vuetify/dist/vuetify.min.css';
+import 'font-awesome/css/font-awesome.min.css';
 
 Vue.use(Vuetify, {
-  iconfont: 'mdi', // 'md' || 'mdi' || 'fa' || 'fa4'
+  iconfont: 'fa4', // 'md' || 'mdi' || 'fa' || 'fa4'
   theme: {
     primary: "#D63B09",
     secondary: "#FF7043",