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

14 lines
338 B
Vue
Raw Normal View History

2022-10-21 20:06:43 +00:00
<template>
2024-04-04 22:20:42 +00:00
<article
class="skeleton pulse flex rounded-md overflow-hidden h-[1.2rem] m-1 p-4 flex-shrink-0"
:style="{ width: `${width}px` }"
>
<span class="flex-1" />
<span class="aspect-[1.2/1] rounded-full pulse" />
2022-10-21 20:06:43 +00:00
</article>
</template>
<script lang="ts" setup>
const width = Math.random() * 100 + 80
</script>