MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-18 06:13:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

add some table loading spinner

Browse Source
This commit is contained in:
pa
2026-01-19 17:25:40 +09:00
committed by Natsumi
parent 39e9631812
commit da9cb3dab6
3 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ui/data-table/DataTableLayout.vue
View File

@@ -5,7 +5,7 @@
</div>
<div class="rounded-md border">
<div class="max-w-full overflow-auto" :style="tableStyle">
<div class="max-w-full overflow-auto relative" :style="tableStyle">
<Table :class="tableClassValue" :style="tableElementStyle">
<colgroup>
<col v-for="col in table.getVisibleLeafColumns()" :key="col.id" :style="getColStyle(col)" />
@@ -67,6 +67,9 @@
</TableRow>
</TableBody>
</Table>
<div v-if="loading" class="absolute inset-0 z-20 flex items-center justify-center bg-background/60">
<Spinner class="text-2xl" />
</div>
</div>
</div>
@@ -114,7 +117,10 @@
<script setup>
import { FlexRender } from '@tanstack/vue-table';
import { Spinner } from '@/components/ui/spinner';
import { computed } from 'vue';
import { storeToRefs } from 'pinia';
import { useAppearanceSettingsStore } from '@/stores/';
import { useI18n } from 'vue-i18n';
import {
@@ -127,8 +133,6 @@
} from '../pagination';
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../table';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../select';
import { useAppearanceSettingsStore } from '@/stores/';
import { storeToRefs } from 'pinia';
const appearanceSettingsStore = useAppearanceSettingsStore();
const { isDataTableStriped } = storeToRefs(appearanceSettingsStore);