groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-12-21 03:09:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adds genres to gloabl search

Browse source
This commit is contained in:
mikiher 2024-07-21 11:10:05 +03:00
parent 9cd0ac80b1
commit bff56220c2
4 changed files with 135 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

34
client/components/cards/GenreSearchCard.vue Normal file
View file

@ -0,0 +1,34 @@
<template>
<div class="flex h-full px-1 overflow-hidden">
<div class="w-10 h-10 flex items-center justify-center">
<span class="material-symbols text-2xl text-gray-200">category</span>
</div>
<div class="flex-grow px-2 tagSearchCardContent h-full">
<p class="truncate text-sm">{{ genre }}</p>
</div>
</div>
</template>
<script>
export default {
props: {
genre: String
},
data() {
return {}
},
computed: {},
methods: {},
mounted() {}
}
</script>
<style>
.tagSearchCardContent {
width: calc(100% - 40px);
height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
</style>