diff --git a/client/package-lock.json b/client/package-lock.json index 19491c4d..c8235912 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -1,6 +1,6 @@ { "name": "audiobookshelf-client", - "version": "1.6.65", + "version": "1.6.66", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/client/pages/config.vue b/client/pages/config.vue index 2ebc3c24..db2c48ec 100644 --- a/client/pages/config.vue +++ b/client/pages/config.vue @@ -2,7 +2,7 @@
-
+
more_vert

{{ currentPage }}

@@ -35,6 +35,9 @@ export default { } }, computed: { + isMobile() { + return this.$store.state.globals.isMobile + }, streamAudiobook() { return this.$store.state.streamAudiobook }, @@ -78,12 +81,12 @@ export default { .configContent.page-library-stats { width: 1200px; } -@media (max-width: 1024px) { +@media (max-width: 1240px) { .configContent { margin-left: 176px; } } -@media (max-width: 768px) { +@media (max-width: 640px) { .configContent { margin-left: 0px; width: 100%; diff --git a/client/store/globals.js b/client/store/globals.js index 786e6e01..afacd6fa 100644 --- a/client/store/globals.js +++ b/client/store/globals.js @@ -13,7 +13,7 @@ export const getters = {} export const mutations = { updateWindowSize(state, { width, height }) { - state.isMobile = width < 768 || height < 768 + state.isMobile = width < 640 || height < 640 state.isMobileLandscape = state.isMobile && height > width }, setShowUserCollectionsModal(state, val) { diff --git a/package-lock.json b/package-lock.json index 96793248..f835c8f9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "audiobookshelf", - "version": "1.6.62", + "version": "1.6.66", "lockfileVersion": 1, "requires": true, "dependencies": {