design: more confortable skeleton
This commit is contained in:
13
src/components/SkeletonLoader.vue
Normal file
13
src/components/SkeletonLoader.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div class="flex w-full flex-col gap-4 mt-12">
|
||||
<div class="skeleton h-4 w-32 mb-2"></div>
|
||||
<div class="skeleton h-4 w-full"></div>
|
||||
<div class="skeleton h-4 w-full"></div>
|
||||
<div class="skeleton h-4 w-44"></div>
|
||||
<br />
|
||||
<div class="skeleton h-4 w-full"></div>
|
||||
<div class="skeleton h-4 w-full"></div>
|
||||
<div class="skeleton h-4 w-full"></div>
|
||||
<div class="skeleton h-4 w-22"></div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user