skeleton loader
This commit is contained in:
18
src/components/Skeleton/SkeletonTopBar.vue
Normal file
18
src/components/Skeleton/SkeletonTopBar.vue
Normal file
@@ -0,0 +1,18 @@
|
||||
<template>
|
||||
<div class="flex h-full w-full animate-pulse">
|
||||
<div class="h-full w-full rounded bg-white/10"></div>
|
||||
</div>
|
||||
<!-- <div class="flex animate-pulse space-x-4 max-w-sm">
|
||||
<div class="h-10 w-10 rounded-full bg-primary"></div>
|
||||
<div class="flex-1 space-y-6 py-1">
|
||||
<div class="h-2 rounded bg-primary"></div>
|
||||
<div class="space-y-3">
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<div class="col-span-2 h-2 rounded bg-primary"></div>
|
||||
<div class="col-span-1 h-2 rounded bg-primary"></div>
|
||||
</div>
|
||||
<div class="h-2 rounded bg-primary"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</template>
|
||||
Reference in New Issue
Block a user