heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2022-12-23 16:46:08 +09:00
parent cd6a8c31a6
commit 52361579ad
1 changed files with 2 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/client/src/pages/admin/overview.instances.vue
View file

@ -1,11 +1,11 @@
<template> <template>
<div class="wbrkwale"> <div class="wbrkwale">
<MkLoading v-if="fetching"/> <MkLoading v-if="fetching"/>
<transition-group v-else tag="div" :name="$store.state.animation ? 'chart' : ''" class="instances"> <div v-else class="instances">
<MkA v-for="(instance, i) in instances" :key="instance.id" :to="`/instance-info/${instance.host}`" class="instance"> <MkA v-for="(instance, i) in instances" :key="instance.id" :to="`/instance-info/${instance.host}`" class="instance">
<MkInstanceCardMini :instance="instance"/> <MkInstanceCardMini :instance="instance"/>
</MkA> </MkA>
</transition-group> </div>
</div> </div>
</template> </template>
@ -36,10 +36,6 @@ useInterval(fetch, 1000 * 60, {
<style lang="scss" scoped> <style lang="scss" scoped>
.wbrkwale { .wbrkwale {
> .instances { > .instances {
.chart-move {
transition: transform 1s ease;
}
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
grid-gap: 12px; grid-gap: 12px;