groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-12-16 00:39:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Fix:Mobile flag max size

Browse source
This commit is contained in:
advplyr 2022-02-11 08:50:28 -06:00
parent 30e0cc4c07
commit 0dca8472de
4 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
client/pages/config.vue
View file

@ -2,7 +2,7 @@
<div id="page-wrapper" class="page p-6 overflow-y-auto relative" :class="streamAudiobook ? 'streaming' : ''">
<app-config-side-nav :is-open.sync="sideDrawerOpen" />
<div class="configContent" :class="`page-${currentPage}`">
<div class="w-full pb-4 px-2 flex md:hidden border-b border-white border-opacity-10 mb-2">
<div v-show="isMobile" class="w-full pb-4 px-2 flex border-b border-white border-opacity-10 mb-2">
<span class="material-icons cursor-pointer" @click.stop.prevent="showMore">more_vert</span>
<p class="pl-3 capitalize">{{ currentPage }}</p>
</div>
@ -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%;