From 22ae1dc54aaefd97cf9c2b2ea1a1652fdb273e74 Mon Sep 17 00:00:00 2001
From: luphoria <60309933+luphoria@users.noreply.github.com>
Date: Wed, 16 Mar 2022 22:17:04 -0500
Subject: [PATCH] fix the broken channel image height

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

diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue
index 99cdfd11..0b0623de 100644
--- a/src/components/SubscriptionsPage.vue
+++ b/src/components/SubscriptionsPage.vue
@@ -15,7 +15,7 @@
             <div class="flex justify-center place-items-center">
                 <div class="w-full grid grid-cols-3">
                     <router-link :to="subscription.url" class="col-start-2 block flex text-center font-bold text-4xl">
-                        <img :src="subscription.avatar" class="rounded-full" width="48" height="48" />
+                        <img :src="subscription.avatar" class="rounded-full channel" width="48" height="48" />
                         <span v-text="subscription.name" />
                     </router-link>
                     <button
@@ -95,3 +95,8 @@ export default {
     },
 };
 </script>
+<style>
+img.rounded-full.channel {
+    height: fit-content;
+}
+</style>