feat: use timeline skeleton as default instead of spinner
parent
ca37b65962
commit
5a4ec04661
|
@ -70,10 +70,7 @@ const { items, prevItems, update, state, endAnchor, error } = usePaginator(pagin
|
|||
</slot>
|
||||
<div ref="endAnchor" />
|
||||
<slot v-if="state === 'loading'" name="loading">
|
||||
<div p5 text-center flex="~ col" items-center animate-pulse>
|
||||
<div text-secondary i-ri:loader-2-fill animate-spin text-2xl />
|
||||
<span text-secondary>{{ $t('state.loading') }}</span>
|
||||
</div>
|
||||
<TimelineSkeleton />
|
||||
</slot>
|
||||
<div v-else-if="state === 'done'" p5 text-secondary italic text-center>
|
||||
{{ $t('common.end_of_list') }}
|
||||
|
|
|
@ -31,10 +31,5 @@ const virtualScroller = $(computedEager(() => useFeatureFlags().experimentalVirt
|
|||
<StatusCard :status="item" :context="context" :older="older" :newer="newer" />
|
||||
</template>
|
||||
</template>
|
||||
<template #loading>
|
||||
<StatusCardSkeleton border="b base" />
|
||||
<StatusCardSkeleton border="b base" op50 />
|
||||
<StatusCardSkeleton border="b base" op25 />
|
||||
</template>
|
||||
</CommonPaginator>
|
||||
</template>
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
<template>
|
||||
<div>
|
||||
<StatusCardSkeleton border="b base" op50 />
|
||||
<StatusCardSkeleton border="b base" op35 />
|
||||
<StatusCardSkeleton border="b base" op25 />
|
||||
<StatusCardSkeleton border="b base" op10 />
|
||||
</div>
|
||||
</template>
|
Loading…
Reference in New Issue