Frontend: Move css to app directory #15

frontend/src/app.js

@@ -1,7 +1,6 @@
 import Vue from "vue";
 import Vuetify from "vuetify";
 import Router from "vue-router";
-import "../css/app.css";
 import PhotoPrism from "app/photoprism.vue";
 import Routes from "routes";
 import Api from "common/api";

frontend/src/app/css/app.css

@@ -1,6 +1,6 @@
-@import url("../node_modules/material-design-icons-iconfont/dist/material-design-icons.css");
-@import url("../node_modules/vuetify/dist/vuetify.min.css");
-@import url("../node_modules/leaflet/dist/leaflet.css");
+@import url("../../../node_modules/material-design-icons-iconfont/dist/material-design-icons.css");
+@import url("../../../node_modules/vuetify/dist/vuetify.min.css");
+@import url("../../../node_modules/leaflet/dist/leaflet.css");
 @import url("photo.css");
 
 #photoprism div.loading {

frontend/src/app/photoprism.vue

@@ -17,6 +17,8 @@
 </template>
 
 <script>
+    import "./css/app.css";
+
     export default {
         name: 'photoprism',
         computed: {},

frontend/webpack.config.js

@@ -6,7 +6,7 @@ const webpack = require("webpack");
 
 const PATHS = {
     app: path.join(__dirname, "src/app.js"),
-    css: path.join(__dirname, "css"),
+    css: path.join(__dirname, "src/app/css"),
     build: path.join(__dirname, "../assets/server/public/build"),
 };