enhance(client): tweak ui

This commit is contained in:
syuilo 2022-06-22 23:40:53 +09:00
parent aabf12038c
commit 43b9a9e618
5 changed files with 119 additions and 74 deletions

View file

@ -42,7 +42,7 @@
<MkPagination v-slot="{items}" ref="instances" :key="host + state" :pagination="pagination">
<div class="dqokceoi">
<MkA v-for="instance in items" :key="instance.id" v-tooltip.mfm="`Last communicated: ${new Date(instance.lastCommunicatedAt).toLocaleString()}\nStatus: ${getStatus(instance)}`" class="instance" :to="`/instance-info/${instance.host}`" :behavior="'window'">
<MkInstanceInfo :instance="instance"/>
<MkInstanceCardMini :instance="instance"/>
</MkA>
</div>
</MkPagination>
@ -57,7 +57,7 @@ import MkButton from '@/components/ui/button.vue';
import MkInput from '@/components/form/input.vue';
import MkSelect from '@/components/form/select.vue';
import MkPagination from '@/components/ui/pagination.vue';
import MkInstanceInfo from '@/components/instance-info.vue';
import MkInstanceCardMini from '@/components/instance-card-mini.vue';
import FormSplit from '@/components/form/split.vue';
import * as os from '@/os';
import { i18n } from '@/i18n';