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

replace some element plus components

Browse Source
This commit is contained in:
pa
2026-01-15 18:29:06 +09:00
committed by Natsumi
parent 75980b7062
commit bdc1d3a347
33 changed files with 986 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/Sidebar/components/FriendItem.vue
View File

@@ -45,23 +45,22 @@
</Button>
</template>
<el-skeleton v-else animated class="skeleton" :throttle="100">
<template #template>
<div v-else class="skeleton" aria-busy="true" aria-label="Loading">
<div>
<Skeleton class="h-10 w-10 rounded-full" />
<div>
<el-skeleton-item variant="circle" />
<div>
<el-skeleton-item variant="text" />
<el-skeleton-item variant="text" />
</div>
<Skeleton class="h-3.5 w-1/2" />
<Skeleton class="mt-1.5 h-3 w-full" />
</div>
</template>
</el-skeleton>
</div>
</div>
</div>
</template>
<script setup>
import { AlertTriangle, Loader2, Trash2 } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { Skeleton } from '@/components/ui/skeleton';
import { computed } from 'vue';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
@@ -108,19 +107,5 @@
justify-content: center;
}
}
.el-skeleton__circle {
height: 40px;
width: 40px;
}
.el-skeleton__text {
&:first-child {
height: 14px;
margin-bottom: 6px;
width: 50%;
}
&:last-child {
height: 12px;
}
}
}
</style>