mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-09-01 07:30:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Replace all material-icons with material-symbols

Browse source
This commit is contained in:
Nicholas Wallace 2025-03-30 23:26:14 -07:00
parent 6e0f67b19c
commit 8cf757c080
62 changed files with 218 additions and 217 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/home/BookshelfNavBar.vue
View file

@ -62,7 +62,7 @@ export default {
items.push({
to: '/bookshelf/add-podcast',
routeName: 'bookshelf-add-podcast',
iconPack: 'material-icons',
iconPack: 'material-symbols',
icon: 'podcasts',
iconClass: 'text-xl',
text: this.$strings.ButtonAdd
@ -97,7 +97,7 @@ export default {
{
to: '/bookshelf/collections',
routeName: 'bookshelf-collections',
iconPack: 'material-icons-outlined',
iconPack: 'material-symbols',
icon: 'collections_bookmark',
iconClass: 'text-xl',
text: this.$strings.ButtonCollections
@ -117,7 +117,7 @@ export default {
items.push({
to: '/bookshelf/playlists',
routeName: 'bookshelf-playlists',
iconPack: 'material-icons',
iconPack: 'material-symbols',
icon: 'queue_music',
text: this.$strings.ButtonPlaylists
})
@ -149,4 +149,4 @@ export default {
#bookshelf-navbar a {
font-size: 0.9rem;
}
</style>
</style>

10
components/home/BookshelfToolbar.vue
View file

@ -5,16 +5,16 @@
<p v-show="!selectedSeriesName" class="pt-1">{{ $formatNumber(totalEntities) }} {{ entityTitle }}</p>
<p v-show="selectedSeriesName" class="ml-2 pt-1">{{ selectedSeriesName }} ({{ $formatNumber(totalEntities) }})</p>
<div class="flex-grow" />
<span v-if="page == 'library' || seriesBookPage" class="material-icons px-2" @click="changeView">{{ !bookshelfListView ? 'view_list' : 'grid_view' }}</span>
<span v-if="page == 'library' || seriesBookPage" class="material-symbols px-2" @click="changeView">{{ !bookshelfListView ? 'view_list' : 'grid_view' }}</span>
<template v-if="page === 'library'">
<div class="relative flex items-center px-2">
<span class="material-icons" @click="showFilterModal = true">filter_alt</span>
<span class="material-symbols" @click="showFilterModal = true">filter_alt</span>
<div v-show="hasFilters" class="absolute top-0 right-2 w-2 h-2 rounded-full bg-success border border-green-300 shadow-sm z-10 pointer-events-none" />
</div>
<span class="material-icons px-2" @click="showSortModal = true">sort</span>
<span class="material-symbols px-2" @click="showSortModal = true">sort</span>
</template>
<span v-if="seriesBookPage" class="material-icons px-2" @click="downloadSeries">download</span>
<span v-if="(page == 'library' && isBookLibrary) || seriesBookPage" class="material-icons px-2" @click="showMoreMenuDialog = true">more_vert</span>
<span v-if="seriesBookPage" class="material-symbols px-2" @click="downloadSeries">download</span>
<span v-if="(page == 'library' && isBookLibrary) || seriesBookPage" class="material-symbols px-2" @click="showMoreMenuDialog = true">more_vert</span>
</div>
</div>