diff --git a/frontend/package.json b/frontend/package.json index 7f26b34..9b197d6 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -9,8 +9,11 @@ "test:unit": "vue-cli-service test:unit" }, "dependencies": { + "material-design-icons-iconfont": "^3.0.3", + "roboto-fontface": "*", "vue": "^2.6.6", - "vue-router": "^3.0.1" + "vue-router": "^3.0.1", + "vuetify": "^1.3.0" }, "devDependencies": { "@vue/cli-plugin-babel": "^3.4.0", @@ -24,6 +27,10 @@ "babel-jest": "^23.6.0", "eslint": "^5.8.0", "eslint-plugin-vue": "^5.0.0", - "vue-template-compiler": "^2.5.21" + "stylus": "^0.54.5", + "stylus-loader": "^3.0.1", + "vue-cli-plugin-vuetify": "^0.4.6", + "vue-template-compiler": "^2.5.21", + "vuetify-loader": "^1.0.5" } } diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 3e11419..915276d 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -1,31 +1,36 @@ - + diff --git a/frontend/src/assets/logo.png b/frontend/src/assets/logo.png deleted file mode 100644 index f3d2503..0000000 Binary files a/frontend/src/assets/logo.png and /dev/null differ diff --git a/frontend/src/assets/logo.svg b/frontend/src/assets/logo.svg new file mode 100644 index 0000000..145b6d1 --- /dev/null +++ b/frontend/src/assets/logo.svg @@ -0,0 +1 @@ +Artboard 46 diff --git a/frontend/src/components/HelloWorld.vue b/frontend/src/components/HelloWorld.vue index 5e0ec1b..6540d86 100644 --- a/frontend/src/components/HelloWorld.vue +++ b/frontend/src/components/HelloWorld.vue @@ -1,122 +1,134 @@ - - + diff --git a/frontend/src/main.js b/frontend/src/main.js index 659607d..ffea811 100644 --- a/frontend/src/main.js +++ b/frontend/src/main.js @@ -1,6 +1,9 @@ import Vue from 'vue' +import './plugins/vuetify' import App from './App.vue' import router from './router' +import 'roboto-fontface/css/roboto/roboto-fontface.css' +import 'material-design-icons-iconfont/dist/material-design-icons.css' Vue.config.productionTip = false diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js new file mode 100644 index 0000000..f0d9d62 --- /dev/null +++ b/frontend/src/plugins/vuetify.js @@ -0,0 +1,22 @@ +import Vue from 'vue' +import Vuetify from 'vuetify/lib' +import 'vuetify/src/stylus/app.styl' +import en from 'vuetify/es5/locale/en' + +Vue.use(Vuetify, { + theme: { + primary: '#ee44aa', + secondary: '#424242', + accent: '#82B1FF', + error: '#FF5252', + info: '#2196F3', + success: '#4CAF50', + warning: '#FFC107' + }, + // customProperties: true, + iconfont: 'md', + lang: { + locales: { en }, + current: 'en' + } +}) diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue index 6ed6a56..25c5f3c 100644 --- a/frontend/src/views/Home.vue +++ b/frontend/src/views/Home.vue @@ -1,8 +1,5 @@