koel/resources/assets/js/components/ui/skeletons/PodcastItemSkeleton.vue

24 lines
624 B
Vue
Raw Normal View History

2024-05-19 05:49:42 +00:00
<template>
<article
class="skeleton 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"
>
<aside class="flex-[0_0_128px]">
<div class="pulse aspect-square rounded-lg" />
</aside>
<main class="flex-1">
<header>
<h3 class="pulse w-2/3 mt-4 h-8" />
<p class="mt-2 pulse w-1/4 h-6"></p>
</header>
<div class="space-y-2 mt-3 ">
<p class="pulse w-full h-4" />
<p class="pulse w-1/5 h-4" />
</div>
</main>
</article>
</template>
<script setup lang="ts">
</script>