groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-03-06 07:59:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make the download icon easier to see with light covers.

Browse source
This commit is contained in:
sir-wilhelm 2026-01-07 20:19:07 -06:00
parent 122fc34a75
commit ebf8b39c00
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
client/pages/share/_slug.vue
View file

@ -14,7 +14,7 @@
</div> </div>
<ui-tooltip v-if="mediaItemShare.isDownloadable" direction="bottom" :text="$strings.LabelDownload" class="absolute top-0 left-0 m-4"> <ui-tooltip v-if="mediaItemShare.isDownloadable" direction="bottom" :text="$strings.LabelDownload" class="absolute top-0 left-0 m-4">
<button aria-label="Download" class="text-gray-300 hover:text-white" @click="downloadShareItem"><span class="material-symbols text-2xl sm:text-3xl">download</span></button> <button aria-label="Download" :class="downloadIconClass" @click="downloadShareItem"><span class="material-symbols text-2xl sm:text-3xl">download</span></button>
</ui-tooltip> </ui-tooltip>
</div> </div>
</div> </div>
@ -107,6 +107,9 @@ export default {
}, },
coverHeight() { coverHeight() {
return this.coverWidth * this.coverAspectRatio return this.coverWidth * this.coverAspectRatio
},
downloadIconClass() {
return this.coverBgIsLight ? ['text-black', 'hover:text-gray-800'] : ['text-white', 'hover:text-gray-300']
} }
}, },
methods: { methods: {