starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-30 07:07:22 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

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
pages/localMedia/folders/_id.vue
+3 -3
View File
@@ -4,7 +4,7 @@
<p class="text-base font-semibold">{{ $strings.LabelFolder }}: {{ folderName }}</p>
<div class="flex-grow" />
<span v-if="dialogItems.length" class="material-icons" @click="showDialog = true">more_vert</span>
<span v-if="dialogItems.length" class="material-symbols" @click="showDialog = true">more_vert</span>
</div>
<p class="text-sm mb-4 text-fg-muted">{{ $strings.LabelMediaType }}: {{ mediaType }}</p>
@@ -22,7 +22,7 @@
<p class="text-xs text-fg-muted">{{ getLocalLibraryItemSubText(localLibraryItem) }}</p>
</div>
<div class="w-12 h-12 flex items-center justify-center">
<span class="material-icons text-xl text-fg-muted">arrow_right</span>
<span class="material-symbols text-xl text-fg-muted">arrow_right</span>
</div>
</nuxt-link>
</template>
@@ -159,4 +159,4 @@ export default {
height: calc(100vh - 310px);
max-height: calc(100vh - 310px);
}
</style>
</style>
pages/localMedia/folders/index.vue
+3 -3
View File
@@ -4,17 +4,17 @@
<h1 class="text-base font-semibold px-2">
{{ $strings.HeaderLocalFolders }}
</h1>
<button type="button" class="material-icons-outlined" @click.stop="showLocalFolderMoreInfo">info</button>
<button type="button" class="material-symbols" @click.stop="showLocalFolderMoreInfo">info</button>
</div>
<div v-if="!isIos" class="w-full max-w-full px-2 py-2">
<template v-for="folder in localFolders">
<nuxt-link :to="`/localMedia/folders/${folder.id}`" :key="folder.id" class="flex items-center px-2 py-4 bg-primary rounded-md border-bg mb-1">
<span class="material-icons text-xl text-yellow-400">folder</span>
<span class="material-symbols fill text-xl text-yellow-400">folder</span>
<p class="ml-2">{{ folder.name }}</p>
<div class="flex-grow" />
<p class="text-sm italic text-fg-muted px-3 capitalize">{{ folder.mediaType }}s</p>
<span class="material-icons text-xl text-fg-muted">arrow_right</span>
<span class="material-symbols text-xl text-fg-muted">arrow_right</span>
</nuxt-link>
</template>
<div v-if="!localFolders.length" class="flex justify-center">