TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Apply rounded border to channels in search results

Browse source
This commit is contained in:
iatenine 2023-07-15 20:43:18 -05:00
parent 6e0804b66c
commit 2f90e0bff7
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/ChannelItem.vue
View file

@ -2,7 +2,7 @@
<div> <div>
<router-link :to="props.item.url"> <router-link :to="props.item.url">
<div class="relative"> <div class="relative">
<img class="w-full aspect-square" :src="props.item.thumbnail" loading="lazy" /> <img class="w-full aspect-square channel-container" :src="props.item.thumbnail" loading="lazy" />
</div> </div>
<p> <p>
<span v-text="props.item.name" /> <span v-text="props.item.name" />
@ -32,3 +32,9 @@ const props = defineProps({
item: Object, item: Object,
}); });
</script> </script>
<style>
.channel-container {
border-radius: 100%;
}
</style>