Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-04-25 01:16:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix:Material symbols icon to use check instead of checkmark

Browse Source
This commit is contained in:
advplyr 2024-07-29 17:34:05 -05:00
parent 73196f9be8
commit ed70f3af83
5 changed files with 7 additions and 7 deletions

2
client/components/ui/InputDropdown.vue
View File

@ -15,7 +15,7 @@
<span class="font-normal ml-3 block truncate">{{ item }}</span> <span class="font-normal ml-3 block truncate">{{ item }}</span>
</div> </div>
<span v-if="input === item" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4"> <span v-if="input === item" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4">
<span class="material-symbols text-xl">checkmark</span> <span class="material-symbols text-xl">check</span>
</span> </span>
</li> </li>
</template> </template>

2
client/components/ui/MultiSelect.vue
View File

@ -22,7 +22,7 @@
<span class="font-normal ml-3 block truncate">{{ item }}</span> <span class="font-normal ml-3 block truncate">{{ item }}</span>
</div> </div>
<span v-if="selected.includes(item)" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4"> <span v-if="selected.includes(item)" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4">
<span class="material-symbols text-xl">checkmark</span> <span class="material-symbols text-xl">check</span>
</span> </span>
</li> </li>
</template> </template>

4
client/components/ui/MultiSelectDropdown.vue
View File

@ -18,7 +18,7 @@
<p class="font-normal ml-3 block truncate">{{ item.text }}</p> <p class="font-normal ml-3 block truncate">{{ item.text }}</p>
<div v-if="selected.includes(item.value)" class="text-yellow-400 absolute inset-y-0 right-0 my-auto w-5 h-5 mr-3 overflow-hidden"> <div v-if="selected.includes(item.value)" class="text-yellow-400 absolute inset-y-0 right-0 my-auto w-5 h-5 mr-3 overflow-hidden">
<span class="material-symbols text-xl">checkmark</span> <span class="material-symbols text-xl">check</span>
</div> </div>
</li> </li>
</template> </template>
@ -139,4 +139,4 @@ export default {
if (this.menu) this.menu.remove() if (this.menu) this.menu.remove()
} }
} }
</script> </script>

4
client/components/ui/MultiSelectQueryInput.vue
View File

@ -25,7 +25,7 @@
<span class="font-normal ml-3 block truncate">{{ item.name }}</span> <span class="font-normal ml-3 block truncate">{{ item.name }}</span>
</div> </div>
<span v-if="getIsSelected(item.id)" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4"> <span v-if="getIsSelected(item.id)" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4">
<span class="material-symbols text-xl">checkmark</span> <span class="material-symbols text-xl">check</span>
</span> </span>
</li> </li>
</template> </template>
@ -370,4 +370,4 @@ input:read-only {
color: #aaa; color: #aaa;
background-color: #444; background-color: #444;
} }
</style> </style>

2
client/components/ui/QueryInput.vue
View File

@ -15,7 +15,7 @@
<span class="font-normal ml-3 block truncate">{{ item.name }}</span> <span class="font-normal ml-3 block truncate">{{ item.name }}</span>
</div> </div>
<span v-if="isItemSelected(item)" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4"> <span v-if="isItemSelected(item)" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4">
<span class="material-symbols text-xl">checkmark</span> <span class="material-symbols text-xl">check</span>
</span> </span>
</li> </li>
</template> </template>