|
|
@ -134,10 +134,10 @@ onKeyStroke('Escape', () => { |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
/* |
|
|
|
/* |
|
|
|
to render same number of skelton as the number of cards |
|
|
|
to render same number of skeleton as the number of cards |
|
|
|
displayed |
|
|
|
displayed |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
const skeltonCount = computed(() => { |
|
|
|
const skeletonCount = computed(() => { |
|
|
|
if (props.items < 10 && childrenListPagination.page === 1) { |
|
|
|
if (props.items < 10 && childrenListPagination.page === 1) { |
|
|
|
return props.items |
|
|
|
return props.items |
|
|
|
} |
|
|
|
} |
|
|
@ -222,7 +222,7 @@ const linkOrUnLink = (rowRef: Record<string, string>, id: string) => { |
|
|
|
<div class="cursor-pointer pr-1"> |
|
|
|
<div class="cursor-pointer pr-1"> |
|
|
|
<template v-if="isChildrenLoading"> |
|
|
|
<template v-if="isChildrenLoading"> |
|
|
|
<div |
|
|
|
<div |
|
|
|
v-for="(x, i) in Array.from({ length: skeltonCount })" |
|
|
|
v-for="(x, i) in Array.from({ length: skeletonCount })" |
|
|
|
:key="i" |
|
|
|
:key="i" |
|
|
|
class="!border-2 flex flex-row gap-2 mb-2 transition-all !rounded-xl relative !border-gray-200 hover:bg-gray-50" |
|
|
|
class="!border-2 flex flex-row gap-2 mb-2 transition-all !rounded-xl relative !border-gray-200 hover:bg-gray-50" |
|
|
|
> |
|
|
|
> |
|
|
|