feat: Creates component to show article in an iFrame (#7857)
This commit is contained in:
committed by
GitHub
parent
e529e1206e
commit
52e49d5f9d
26
app/javascript/shared/components/ArticleSkeletonLoader.vue
Normal file
26
app/javascript/shared/components/ArticleSkeletonLoader.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<div class="p-4 space-y-6 bg-white">
|
||||
<div class="space-y-2 animate-pulse ">
|
||||
<div class="h-6 bg-slate-100 rounded w-1/5" />
|
||||
<div class="h-10 bg-slate-100 rounded w-3/5" />
|
||||
</div>
|
||||
<div class="space-y-2 animate-pulse ">
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded w-4/5" />
|
||||
</div>
|
||||
<div class="space-y-2 animate-pulse ">
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded w-3/5" />
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
</div>
|
||||
<div class="space-y-2 animate-pulse ">
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded" />
|
||||
<div class="h-5 bg-slate-100 rounded w-3/5" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user