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

Update Year in review icons, update some icons to be larger, fix read more/less, audio player use keyboard arrow down

Browse Source
This commit is contained in:
advplyr
2025-04-05 17:14:43 -05:00
parent b1c4ceb40a
commit 1b0843d12e
13 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/item/_id/index.vue
+1 -1
View File
@@ -140,7 +140,7 @@
<div v-if="descriptionClamped" class="text-fg text-sm py-2" @click="showFullDescription = !showFullDescription">
{{ showFullDescription ? $strings.ButtonReadLess : $strings.ButtonReadMore }}
<span class="material-symbols align-middle text-base -mt-px">{{ showFullDescription ? 'arrow_drop_down' : 'arrow_drop_up' }}</span>
<span class="material-symbols !align-middle text-base -mt-px">{{ showFullDescription ? 'arrow_drop_up' : 'arrow_drop_down' }}</span>
</div>
</div>
pages/localMedia/folders/_id.vue
+1 -1
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-symbols" @click="showDialog = true">more_vert</span>
<span v-if="dialogItems.length" class="material-symbols text-2xl" @click="showDialog = true">more_vert</span>
</div>
<p class="text-sm mb-4 text-fg-muted">{{ $strings.LabelMediaType }}: {{ mediaType }}</p>
pages/localMedia/folders/index.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<h1 class="text-base font-semibold px-2">
{{ $strings.HeaderLocalFolders }}
</h1>
<button type="button" class="material-symbols" @click.stop="showLocalFolderMoreInfo">info</button>
<button type="button" class="material-symbols text-xl" @click.stop="showLocalFolderMoreInfo">info</button>
</div>
<div v-if="!isIos" class="w-full max-w-full px-2 py-2">
pages/localMedia/item/_id.vue
+3 -3
View File
@@ -8,7 +8,7 @@
<button v-if="audioTracks.length && !isPodcast" class="shadow-sm text-success flex items-center justify-center rounded-full mx-2" @click.stop="play">
<span class="material-symbols fill" style="font-size: 2rem">play_arrow</span>
</button>
<span class="material-symbols" @click="showItemDialog">more_vert</span>
<span class="material-symbols text-2xl" @click="showItemDialog">more_vert</span>
</div>
<p v-if="!isIos" class="px-2 text-sm mb-0.5 text-fg-muted">{{ $strings.LabelFolder }}: {{ folderName }}</p>
@@ -40,7 +40,7 @@
<p class="text-sm">{{ $elapsedPretty(track.duration) }}</p>
</div>
<div v-if="!isIos" class="w-12 h-12 flex items-center justify-center" style="min-width: 48px">
<span class="material-symbols" @click="showTrackDialog(track)">more_vert</span>
<span class="material-symbols text-2xl" @click="showTrackDialog(track)">more_vert</span>
</div>
</div>
</template>
@@ -66,7 +66,7 @@
<p class="text-sm">{{ $elapsedPretty(episode.audioTrack.duration) }}</p>
</div>
<div class="w-12 h-12 flex items-center justify-center" style="min-width: 48px">
<span class="material-symbols" @click="showTrackDialog(episode)">more_vert</span>
<span class="material-symbols text-2xl" @click="showTrackDialog(episode)">more_vert</span>
</div>
</div>
</template>
pages/settings.vue
+7 -7
View File
@@ -59,7 +59,7 @@
<ui-toggle-switch v-model="settings.enableMp3IndexSeeking" @input="saveSettings" />
</div>
<p class="pl-4">{{ $strings.LabelEnableMp3IndexSeeking }}</p>
<span class="material-symbols ml-2" @click.stop="showConfirmMp3IndexSeeking">info</span>
<span class="material-symbols text-xl ml-2" @click.stop="showConfirmMp3IndexSeeking">info</span>
</div>
<div class="flex items-center py-3">
<div class="w-10 flex justify-center" @click="toggleAllowSeekingOnMediaControls">
@@ -76,7 +76,7 @@
<ui-toggle-switch v-model="settings.disableShakeToResetSleepTimer" @input="saveSettings" />
</div>
<p class="pl-4">{{ $strings.LabelDisableShakeToReset }}</p>
<span class="material-symbols ml-2" @click.stop="showInfo('disableShakeToResetSleepTimer')">info</span>
<span class="material-symbols text-xl ml-2" @click.stop="showInfo('disableShakeToResetSleepTimer')">info</span>
</div>
<div v-if="!settings.disableShakeToResetSleepTimer" class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelShakeSensitivity }}</p>
@@ -90,7 +90,7 @@
<ui-toggle-switch v-model="settings.disableSleepTimerFadeOut" @input="saveSettings" />
</div>
<p class="pl-4">{{ $strings.LabelDisableAudioFadeOut }}</p>
<span class="material-symbols ml-2" @click.stop="showInfo('disableSleepTimerFadeOut')">info</span>
<span class="material-symbols text-xl ml-2" @click.stop="showInfo('disableSleepTimerFadeOut')">info</span>
</div>
<template v-if="!isiOS">
<div class="flex items-center py-3">
@@ -98,14 +98,14 @@
<ui-toggle-switch v-model="settings.disableSleepTimerResetFeedback" @input="saveSettings" />
</div>
<p class="pl-4">{{ $strings.LabelDisableVibrateOnReset }}</p>
<span class="material-symbols ml-2" @click.stop="showInfo('disableSleepTimerResetFeedback')">info</span>
<span class="material-symbols text-xl ml-2" @click.stop="showInfo('disableSleepTimerResetFeedback')">info</span>
</div>
<div class="flex items-center py-3">
<div class="w-10 flex justify-center" @click="toggleAutoSleepTimer">
<ui-toggle-switch v-model="settings.autoSleepTimer" @input="saveSettings" />
</div>
<p class="pl-4">{{ $strings.LabelAutoSleepTimer }}</p>
<span class="material-symbols ml-2" @click.stop="showInfo('autoSleepTimer')">info</span>
<span class="material-symbols text-xl ml-2" @click.stop="showInfo('autoSleepTimer')">info</span>
</div>
</template>
<!-- Auto Sleep timer settings -->
@@ -128,7 +128,7 @@
<ui-toggle-switch v-model="settings.autoSleepTimerAutoRewind" @input="saveSettings" />
</div>
<p class="pl-4">{{ $strings.LabelAutoSleepTimerAutoRewind }}</p>
<span class="material-symbols ml-2" @click.stop="showInfo('autoSleepTimerAutoRewind')">info</span>
<span class="material-symbols text-xl ml-2" @click.stop="showInfo('autoSleepTimerAutoRewind')">info</span>
</div>
<div v-if="settings.autoSleepTimerAutoRewind" class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelAutoRewindTime }}</p>
@@ -158,7 +158,7 @@
<div class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelAndroidAutoBrowseLimitForGrouping }}</p>
<ui-text-input type="number" v-model="settings.androidAutoBrowseLimitForGrouping" style="width: 145px; max-width: 145px" @input="androidAutoBrowseLimitForGroupingUpdated" />
<span class="material-symbols ml-2" @click.stop="showInfo('androidAutoBrowseLimitForGrouping')">info</span>
<span class="material-symbols text-xl ml-2" @click.stop="showInfo('androidAutoBrowseLimitForGrouping')">info</span>
</div>
<div class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelAndroidAutoBrowseSeriesSequenceOrder }}</p>