mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 02:56:40 +00:00
35 lines
1.3 KiB
Vue
35 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
const enableLoadingSkeleton = true
|
|
</script>
|
|
|
|
<template>
|
|
<div class="nc-treeview-loading absolute w-full h-full top-0 left-0 z-5">
|
|
<div class="w-full">
|
|
<DashboardSidebarHeaderWrapper>
|
|
<div class="flex-1 flex">
|
|
<a-skeleton-input active class="flex-1 children:rounded-md h-7" />
|
|
</div>
|
|
</DashboardSidebarHeaderWrapper>
|
|
<template v-if="enableLoadingSkeleton">
|
|
<div class="nc-project-home-section !px-2">
|
|
<div class="h-11 flex items-center">
|
|
<a-skeleton-input active size="small" class="flex-1 children:rounded-md h-7" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nc-project-home-section !px-2 mt-1">
|
|
<div class="flex w-1/2">
|
|
<a-skeleton-input active size="small" class="children:rounded-md h-5 flex-1" />
|
|
</div>
|
|
<div class="flex flex-col gap-4 mt-3">
|
|
<div v-for="i of ncArrayFrom(5)" :key="i" class="flex items-center gap-3">
|
|
<a-skeleton-avatar active shape="square" class="!h-5 !w-5 !children:(rounded-md w-5 h-5)" />
|
|
<a-skeleton-input active size="small" class="flex-1 children:rounded-md h-5" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|