mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-03 01:24:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add new library icons

Browse source
This commit is contained in:
advplyr 2022-04-12 19:19:46 -05:00
parent 24d124e2e8
commit 331a3b4a1a
8 changed files with 125 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/app/Appbar.vue
View file

@ -8,11 +8,9 @@
<span class="material-icons text-3xl text-white">arrow_back</span>
</a>
<div v-if="user">
<div class="px-4 py-2 bg-bg bg-opacity-30 rounded-md flex items-center" @click="clickShowLibraryModal">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
</svg>
<p class="text-base font-book leading-4 ml-2">{{ currentLibraryName }}</p>
<div class="pl-3 pr-4 py-2 bg-bg bg-opacity-30 rounded-md flex items-center" @click="clickShowLibraryModal">
<widgets-library-icon :icon="currentLibraryIcon" :size="4" />
<p class="text-base font-book leading-4 ml-2 mt-0.5">{{ currentLibraryName }}</p>
</div>
</div>
<div class="flex-grow" />
@ -45,6 +43,9 @@ export default {
currentLibraryName() {
return this.currentLibrary ? this.currentLibrary.name : 'Main'
},
currentLibraryIcon() {
return this.currentLibrary ? this.currentLibrary.icon : 'database'
},
showBack() {
if (!this.$route.name) return true
return this.$route.name !== 'index' && !this.$route.name.startsWith('bookshelf')