From 2f90e0bff7cf990426d7382e9fe2f412d3fa896d Mon Sep 17 00:00:00 2001
From: iatenine <iatenine@gmail.com>
Date: Sat, 15 Jul 2023 20:43:18 -0500
Subject: [PATCH] Apply rounded border to channels in search results

---
 src/components/ChannelItem.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/ChannelItem.vue b/src/components/ChannelItem.vue
index c032ac1d..44bf5d62 100644
--- a/src/components/ChannelItem.vue
+++ b/src/components/ChannelItem.vue
@@ -2,7 +2,7 @@
     <div>
         <router-link :to="props.item.url">
             <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>
             <p>
                 <span v-text="props.item.name" />
@@ -32,3 +32,9 @@ const props = defineProps({
     item: Object,
 });
 </script>
+
+<style>
+.channel-container {
+    border-radius: 100%;
+}
+</style>