chore(client): improve usability
This commit is contained in:
		
							parent
							
								
									1b2bd89383
								
							
						
					
					
						commit
						03973654b5
					
				
					 5 changed files with 4 additions and 5 deletions
				
			
		|  | @ -1,7 +1,7 @@ | ||||||
| <template> | <template> | ||||||
| <div class="bcekxzvu _gap _panel"> | <div class="bcekxzvu _gap _panel"> | ||||||
| 	<div class="target"> | 	<div class="target"> | ||||||
| 		<MkA v-user-preview="report.targetUserId" class="info" :to="`/user-info/${report.targetUserId}`" :behavior="'window'"> | 		<MkA v-user-preview="report.targetUserId" class="info" :to="`/user-info/${report.targetUserId}`"> | ||||||
| 			<MkAvatar class="avatar" :user="report.targetUser" :show-indicator="true" :disable-link="true"/> | 			<MkAvatar class="avatar" :user="report.targetUser" :show-indicator="true" :disable-link="true"/> | ||||||
| 			<div class="names"> | 			<div class="names"> | ||||||
| 				<MkUserName class="name" :user="report.targetUser"/> | 				<MkUserName class="name" :user="report.targetUser"/> | ||||||
|  |  | ||||||
|  | @ -6,7 +6,6 @@ | ||||||
| 			:key="file.id" | 			:key="file.id" | ||||||
| 			v-tooltip.mfm="`${file.type}\n${bytes(file.size)}\n${new Date(file.createdAt).toLocaleString()}\nby ${file.user ? '@' + Acct.toString(file.user) : 'system'}`" | 			v-tooltip.mfm="`${file.type}\n${bytes(file.size)}\n${new Date(file.createdAt).toLocaleString()}\nby ${file.user ? '@' + Acct.toString(file.user) : 'system'}`" | ||||||
| 			:to="`/admin/file/${file.id}`" | 			:to="`/admin/file/${file.id}`" | ||||||
| 			behavior="window" |  | ||||||
| 			class="file _button" | 			class="file _button" | ||||||
| 		> | 		> | ||||||
| 			<MkDriveFileThumbnail class="thumbnail" :file="file" fit="contain"/> | 			<MkDriveFileThumbnail class="thumbnail" :file="file" fit="contain"/> | ||||||
|  |  | ||||||
|  | @ -28,7 +28,7 @@ | ||||||
| 					<template #value><span class="_monospace"><MkTime :time="file.createdAt" mode="detail" style="display: block;"/></span></template> | 					<template #value><span class="_monospace"><MkTime :time="file.createdAt" mode="detail" style="display: block;"/></span></template> | ||||||
| 				</MkKeyValue> | 				</MkKeyValue> | ||||||
| 			</div> | 			</div> | ||||||
| 			<MkA class="user" :to="`/user-info/${file.user.id}`" :behavior="'window'"> | 			<MkA class="user" :to="`/user-info/${file.user.id}`"> | ||||||
| 				<MkUserCardMini :user="file.user"/> | 				<MkUserCardMini :user="file.user"/> | ||||||
| 			</MkA> | 			</MkA> | ||||||
| 			<div class="_formBlock"> | 			<div class="_formBlock"> | ||||||
|  |  | ||||||
|  | @ -41,7 +41,7 @@ | ||||||
| 					</div> | 					</div> | ||||||
| 
 | 
 | ||||||
| 					<MkPagination v-slot="{items}" ref="paginationComponent" :pagination="pagination" class="users"> | 					<MkPagination v-slot="{items}" ref="paginationComponent" :pagination="pagination" class="users"> | ||||||
| 						<MkA v-for="user in items" :key="user.id" v-tooltip.mfm="`Last posted: ${new Date(user.updatedAt).toLocaleString()}`" class="user" :to="`/user-info/${user.id}`" :behavior="'window'"> | 						<MkA v-for="user in items" :key="user.id" v-tooltip.mfm="`Last posted: ${new Date(user.updatedAt).toLocaleString()}`" class="user" :to="`/user-info/${user.id}`"> | ||||||
| 							<MkUserCardMini :user="user"/> | 							<MkUserCardMini :user="user"/> | ||||||
| 						</MkA> | 						</MkA> | ||||||
| 					</MkPagination> | 					</MkPagination> | ||||||
|  |  | ||||||
|  | @ -41,7 +41,7 @@ | ||||||
| 
 | 
 | ||||||
| 			<MkPagination v-slot="{items}" ref="instances" :key="host + state" :pagination="pagination"> | 			<MkPagination v-slot="{items}" ref="instances" :key="host + state" :pagination="pagination"> | ||||||
| 				<div class="dqokceoi"> | 				<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'"> | 					<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}`"> | ||||||
| 						<MkInstanceCardMini :instance="instance"/> | 						<MkInstanceCardMini :instance="instance"/> | ||||||
| 					</MkA> | 					</MkA> | ||||||
| 				</div> | 				</div> | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue