mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2024-11-21 01:21:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: make skeleton delay optional

Browse Source
This commit is contained in:
MiniDigger | Martin 2024-08-18 17:15:48 +02:00
parent 2fd7b2348b
commit df5fdb476b
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Skeleton.vue
View File

@ -1,15 +1,17 @@
<script lang="ts" setup>
withDefaults(
const props = withDefaults(
defineProps<{
animated?: boolean;
delay?: boolean;
}>(),
{
animated: true,
delay: false,
}
);
const show = ref(false);
if (import.meta.client) {
if (import.meta.client && props.delay) {
onMounted(() => {
setTimeout(() => {
show.value = true;

4
frontend/src/pages/[user]/[project]/versions/index.vue
View File

@ -93,8 +93,8 @@ function getVisibilityTitle(visibility: Visibility) {
<section class="basis-full md:basis-11/15 flex-grow">
<ul>
<template v-if="versionsStatus === 'loading'">
<Skeleton class="mb-2 h-[90px]" />
<Skeleton class="mb-2 h-[90px]" />
<Skeleton class="mb-2 h-[90px]" delay />
<Skeleton class="mb-2 h-[90px]" delay />
</template>
<Alert v-else-if="!versions?.result?.length" type="info"> {{ i18n.t("version.page.noVersions") }} </Alert>
<Pagination