chore(client): tweak ui

This commit is contained in:
syuilo 2022-07-07 20:19:50 +09:00
parent 15a9a4b119
commit c0eba65527
3 changed files with 35 additions and 28 deletions

View file

@ -1,5 +1,7 @@
<template> <template>
<div> <MkStickyContainer>
<template #header><MkPageHeader/></template>
<MkSpacer :content-max="800">
<MkPagination ref="paginationComponent" :pagination="pagination"> <MkPagination ref="paginationComponent" :pagination="pagination">
<template #empty> <template #empty>
<div class="_fullinfo"> <div class="_fullinfo">
@ -28,7 +30,8 @@
</div> </div>
</template> </template>
</MkPagination> </MkPagination>
</div> </MkSpacer>
</MkStickyContainer>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>

View file

@ -71,6 +71,10 @@ const XUserList = defineAsyncComponent(() => import('./statusbar-user-list.vue')
padding: 0 var(--nameMargin); padding: 0 var(--nameMargin);
font-weight: bold; font-weight: bold;
color: var(--accent); color: var(--accent);
&:empty {
display: none;
}
} }
> .body { > .body {

View file

@ -2,7 +2,7 @@
<MkContainer :naked="widgetProps.transparent" :show-header="false" class="mkw-instance-cloud"> <MkContainer :naked="widgetProps.transparent" :show-header="false" class="mkw-instance-cloud">
<div class=""> <div class="">
<MkTagCloud v-if="activeInstances"> <MkTagCloud v-if="activeInstances">
<li v-for="instance in activeInstances"> <li v-for="instance in activeInstances" :key="instance.id">
<a @click.prevent="onInstanceClick(instance)"> <a @click.prevent="onInstanceClick(instance)">
<img style="width: 32px;" :src="instance.iconUrl"> <img style="width: 32px;" :src="instance.iconUrl">
</a> </a>