chore(client): tweak ui
This commit is contained in:
		
							parent
							
								
									15a9a4b119
								
							
						
					
					
						commit
						c0eba65527
					
				
					 3 changed files with 35 additions and 28 deletions
				
			
		|  | @ -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> | ||||||
|  |  | ||||||
|  | @ -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 { | ||||||
|  |  | ||||||
|  | @ -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> | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue