diff --git a/docs/configuration.rst b/docs/configuration.rst index 687447697..be3824502 100644 --- a/docs/configuration.rst +++ b/docs/configuration.rst @@ -182,7 +182,7 @@ work. We will store the necessary files in the ``/srv/funkwhale/custom`` directo mkdir custom cat < custom/settings.json { - "additionalStylesheets": ["/custom/custom.css"] + "additionalStylesheets": ["/front/custom/custom.css"] } EOF cat < custom/custom.css @@ -194,7 +194,7 @@ work. We will store the necessary files in the ``/srv/funkwhale/custom`` directo By executing the previous commands, you will end up with two files in your ``/srv/funkwhale/custom`` directory: -- ``settings.json`` will tell the front-end what stylesheets you want to load (``/custom/custom.css`` in this example) +- ``settings.json`` will tell the front-end what stylesheets you want to load (``/front/custom/custom.css`` in this example) - ``custom.css`` will hold your custom CSS The last step to make this work is to ensure both files are served by the reverse proxy. diff --git a/front/public/settings.json b/front/public/settings.json index 133fb5672..c25eb99f4 100644 --- a/front/public/settings.json +++ b/front/public/settings.json @@ -1,3 +1,5 @@ { - "additionalStylesheets": ["/custom.css"] + "additionalStylesheets": [ + "/front/custom.css" + ] } diff --git a/front/src/store/instance.js b/front/src/store/instance.js index dd0de956b..20fa24575 100644 --- a/front/src/store/instance.js +++ b/front/src/store/instance.js @@ -123,7 +123,7 @@ export default { }) }, fetchFrontSettings ({commit}) { - return axios.get('/settings.json').then(response => { + return axios.get('/front/settings.json').then(response => { commit('frontSettings', response.data) }, response => { logger.default.error('Error when fetching front-end configuration (or no customization available)')