koel/resources/assets/js/components/ui/skeletons/GenreItemSkeleton.vue
2024-07-06 17:44:57 +02:00

13 lines
338 B
Vue

<template>
<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" />
</article>
</template>
<script lang="ts" setup>
const width = Math.random() * 100 + 80
</script>