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

add empty component and poilsh styles

Browse Source
This commit is contained in:
pa
2026-01-22 19:05:35 +09:00
parent 1514012c4c
commit 3c37071011
22 changed files with 296 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Favorites/FavoritesAvatar.vue
+17 -6
View File
@@ -244,7 +244,9 @@
</div>
</div>
</template>
<div v-else class="group-empty">No Data</div>
<div v-else class="group-empty">
<DataTableEmpty type="nodata" />
</div>
<TooltipWrapper
v-if="!isCreatingLocalGroup"
:disabled="isLocalUserVrcPlusSupporter"
@@ -401,7 +403,9 @@
</div>
</div>
</div>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nomatch" />
</div>
</div>
</template>
<template v-else-if="activeRemoteGroup">
@@ -421,7 +425,9 @@
@click="showAvatarDialog(favorite.id)" />
</div>
</template>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nodata" />
</div>
</div>
</template>
<template v-else-if="!remoteAvatarGroupsResolved">
@@ -452,7 +458,9 @@
@click="showAvatarDialog(favorite.id)" />
</div>
</template>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nodata" />
</div>
</ScrollArea>
</template>
<template v-else-if="isHistorySelected">
@@ -468,7 +476,9 @@
@click="showAvatarDialog(favorite.id)" />
</div>
</template>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nodata" />
</div>
</div>
</template>
<template v-else>
@@ -484,9 +494,10 @@
<script setup>
import { computed, markRaw, nextTick, onBeforeMount, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
import { ArrowUpDown, Check, Ellipsis, Loader, MoreHorizontal, Plus, RefreshCcw, RefreshCw } from 'lucide-vue-next';
import { ArrowUpDown, Ellipsis, Loader, MoreHorizontal, Plus, RefreshCcw, RefreshCw } from 'lucide-vue-next';
import { InputGroupField, InputGroupSearch } from '@/components/ui/input-group';
import { Button } from '@/components/ui/button';
import { DataTableEmpty } from '@/components/ui/data-table';
import { ScrollArea } from '@/components/ui/scroll-area';
import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia';
src/views/Favorites/FavoritesFriend.vue
+10 -3
View File
@@ -163,7 +163,9 @@
</div>
</div>
</template>
<div v-else class="group-empty">No Data</div>
<div v-else class="group-empty">
<DataTableEmpty type="nodata" />
</div>
</div>
</div>
</div>
@@ -237,7 +239,9 @@
@click="showUserDialog(favorite.id)" />
</div>
</template>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nodata" />
</div>
</div>
</template>
<template v-else-if="!isSearchActive">
@@ -275,7 +279,9 @@
</div>
</div>
</div>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nomatch" />
</div>
</div>
</template>
</div>
@@ -290,6 +296,7 @@
import { computed, nextTick, onBeforeMount, onMounted, onUnmounted, ref, watch } from 'vue';
import { ArrowUpDown, Check, Ellipsis, MoreHorizontal, RefreshCw } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { DataTableEmpty } from '@/components/ui/data-table';
import { InputGroupSearch } from '@/components/ui/input-group';
import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia';
src/views/Favorites/FavoritesWorld.vue
+17 -6
View File
@@ -34,7 +34,7 @@
@input="searchWorldFavorites" />
<DropdownMenu v-model:open="worldToolbarMenuOpen">
<DropdownMenuTrigger as-child>
<Button class="rounded-full" size="icon" variant="outline"><Ellipsis /></Button>
<Button class="rounded-full" size="icon" variant="ghost"><Ellipsis /></Button>
</DropdownMenuTrigger>
<DropdownMenuContent class="favorites-dropdown">
<li class="favorites-dropdown__control" @click.stop>
@@ -244,7 +244,9 @@
</div>
</div>
</template>
<div v-else class="group-empty">No Data</div>
<div v-else class="group-empty">
<DataTableEmpty type="nodata" />
</div>
<div
v-if="!isCreatingLocalGroup"
class="group-item group-item--new"
@@ -355,7 +357,9 @@
</div>
</div>
</div>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nomatch" />
</div>
</div>
</template>
<template v-else>
@@ -377,7 +381,9 @@
@click="showWorldDialog(favorite.id)" />
</div>
</template>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nodata" />
</div>
</div>
<div
v-else-if="activeLocalGroupName && isLocalGroupSelected"
@@ -410,9 +416,13 @@
</template>
</div>
</template>
<div v-else class="favorites-empty">No Data</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nodata" />
</div>
</div>
<div v-else class="favorites-empty">
<DataTableEmpty type="nodata" />
</div>
<div v-else class="favorites-empty">No Data</div>
</template>
</div>
</div>
@@ -427,6 +437,7 @@
import { ArrowUpDown, Ellipsis, MoreHorizontal, Plus, RefreshCcw, RefreshCw } from 'lucide-vue-next';
import { InputGroupField, InputGroupSearch } from '@/components/ui/input-group';
import { Button } from '@/components/ui/button';
import { DataTableEmpty } from '@/components/ui/data-table';
import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';