From 8314b011e2d455f2a5a7a06211df2da86bf9e851 Mon Sep 17 00:00:00 2001
From: Phan An <me@phanan.net>
Date: Fri, 31 May 2024 13:06:19 +0800
Subject: [PATCH] fix: podcast/episode thumbnail hidden

---
 resources/assets/js/components/podcast/EpisodeItem.vue | 2 +-
 resources/assets/js/components/podcast/PodcastItem.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/components/podcast/EpisodeItem.vue b/resources/assets/js/components/podcast/EpisodeItem.vue
index 4dd1da7e..1b315724 100644
--- a/resources/assets/js/components/podcast/EpisodeItem.vue
+++ b/resources/assets/js/components/podcast/EpisodeItem.vue
@@ -9,7 +9,7 @@
   >
     <Icon :icon="faBookmark" size="xl" class="absolute -top-1 right-3 text-k-accent" v-if="isCurrentEpisode" />
     <button
-      class="hidden md:flex-[0_0_128px] relative overflow-hidden rounded-lg active:scale-95"
+      class="hidden md:block md:flex-[0_0_128px] relative overflow-hidden rounded-lg active:scale-95"
       role="button"
       @click.prevent="playOrPause"
     >
diff --git a/resources/assets/js/components/podcast/PodcastItem.vue b/resources/assets/js/components/podcast/PodcastItem.vue
index 2d95a449..1e9e2764 100644
--- a/resources/assets/js/components/podcast/PodcastItem.vue
+++ b/resources/assets/js/components/podcast/PodcastItem.vue
@@ -4,7 +4,7 @@
     class="flex gap-5 p-5 rounded-lg border border-white/5 hover:bg-white/10 bg-white/5 !text-k-text-primary !hover:text-k-text-primary"
     :href="`#/podcasts/${podcast.id}`"
   >
-    <aside class="hidden md:flex-[0_0_128px]">
+    <aside class="hidden md:block md:flex-[0_0_128px]">
       <img :src="podcast.image" alt="Podcast image" class="w-[128px] aspect-square object-cover rounded-lg" />
     </aside>
     <main class="flex-1">