🎨

packages/client/src/pages/admin/overview.users.vue

@@ -1,11 +1,13 @@
 <template>
 <div :class="$style.root">
-	<MkLoading v-if="fetching"/>
-	<div v-else class="users">
-		<MkA v-for="(user, i) in newUsers" :key="user.id" :to="`/user-info/${user.id}`" class="user">
-			<MkUserCardMini :user="user"/>
-		</MkA>
-	</div>
+	<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
+		<MkLoading v-if="fetching"/>
+		<div v-else class="users">
+			<MkA v-for="(user, i) in newUsers" :key="user.id" :to="`/user-info/${user.id}`" class="user">
+				<MkUserCardMini :user="user"/>
+			</MkA>
+		</div>
+	</transition>
 </div>
 </template>