mirror of
https://github.com/koel/koel
synced 2024-12-26 04:23:05 +00:00
24 lines
624 B
Vue
24 lines
624 B
Vue
|
<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>
|