diff options
Diffstat (limited to 'packages/client/src/pages/admin/overview.instances.vue')
| -rw-r--r-- | packages/client/src/pages/admin/overview.instances.vue | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/packages/client/src/pages/admin/overview.instances.vue b/packages/client/src/pages/admin/overview.instances.vue index 81ce2d2802..29848bf03b 100644 --- a/packages/client/src/pages/admin/overview.instances.vue +++ b/packages/client/src/pages/admin/overview.instances.vue @@ -1,11 +1,13 @@ <template> <div class="wbrkwale"> - <MkLoading v-if="fetching"/> - <div v-else class="instances"> - <MkA v-for="(instance, i) in instances" :key="instance.id" v-tooltip.mfm.noDelay="`${instance.name}\n${instance.host}\n${instance.softwareName} ${instance.softwareVersion}`" :to="`/instance-info/${instance.host}`" class="instance"> - <MkInstanceCardMini :instance="instance"/> - </MkA> - </div> + <transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in"> + <MkLoading v-if="fetching"/> + <div v-else class="instances"> + <MkA v-for="(instance, i) in instances" :key="instance.id" v-tooltip.mfm.noDelay="`${instance.name}\n${instance.host}\n${instance.softwareName} ${instance.softwareVersion}`" :to="`/instance-info/${instance.host}`" class="instance"> + <MkInstanceCardMini :instance="instance"/> + </MkA> + </div> + </transition> </div> </template> |