feat: PWA splash & bar color

* Update vue.config.js

edit colorcode " themeColor: '#597566' " to what do you want
"background_color" make show custom color on android PWA splash page.

* Update vue.config.js

* enable color + disable host check for dev server

Co-authored-by: Daan Wijns <dw.daanwijns@gmail.com>
This commit is contained in:
m4ximuel 2021-04-03 16:45:02 +09:00 committed by GitHub
parent d846c92493
commit dfbed5cb05
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -4,6 +4,16 @@ const qBittorrentPort = process.env['QBITTORRENT_PORT'] ?? 8080
const vueTorrentPort = process.env['VUETORRENT_PORT'] ?? 8000
module.exports = {
pwa: {
name: 'VueTorrent', //PWApp name
themeColor: '#597566', //PWA title bar color ( windows 10 PWA, android web browser and PWA address bar color )
manifestOptions: {
background_color: '#eeeeee' //background color for android PWA splash page
},
workboxOptions: {
skipWaiting: true
}
},
chainWebpack: config => {
config
.plugin('html')
@ -32,6 +42,7 @@ module.exports = {
},
host: '0.0.0.0',
port: `${vueTorrentPort}`,
disableHostCheck: true, //allows https proxy for dev server
proxy: {
'/api': {
target: `http://localhost:${qBittorrentPort}`