enhance(client): カスタム絵文字一覧ページにカスタム絵文字管理ページへのリンクを追加
This commit is contained in:
		
							parent
							
								
									fbfe42d6f0
								
							
						
					
					
						commit
						f368bce9d5
					
				
					 2 changed files with 4 additions and 6 deletions
				
			
		|  | @ -118,7 +118,6 @@ export default defineComponent({ | ||||||
| 		z-index: 10; | 		z-index: 10; | ||||||
| 		position: sticky; | 		position: sticky; | ||||||
| 		top: var(--stickyTop, 0px); | 		top: var(--stickyTop, 0px); | ||||||
| 		padding: var(--x-padding); |  | ||||||
| 		-webkit-backdrop-filter: var(--blur, blur(8px)); | 		-webkit-backdrop-filter: var(--blur, blur(8px)); | ||||||
| 		backdrop-filter: var(--blur, blur(20px)); | 		backdrop-filter: var(--blur, blur(20px)); | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -1,5 +1,7 @@ | ||||||
| <template> | <template> | ||||||
| <div class="driuhtrh"> | <div class="driuhtrh _gaps"> | ||||||
|  | 	<MkButton v-if="$i && ($i.isModerator || $i.policies.canManageCustomEmojis)" primary link to="/custom-emojis-manager">{{ i18n.ts.manageCustomEmojis }}</MkButton> | ||||||
|  | 
 | ||||||
| 	<div class="query"> | 	<div class="query"> | ||||||
| 		<MkInput v-model="q" class="" :placeholder="$ts.search"> | 		<MkInput v-model="q" class="" :placeholder="$ts.search"> | ||||||
| 			<template #prefix><i class="ti ti-search"></i></template> | 			<template #prefix><i class="ti ti-search"></i></template> | ||||||
|  | @ -38,6 +40,7 @@ import MkFoldableSection from '@/components/MkFoldableSection.vue'; | ||||||
| import MkTab from '@/components/MkTab.vue'; | import MkTab from '@/components/MkTab.vue'; | ||||||
| import * as os from '@/os'; | import * as os from '@/os'; | ||||||
| import { customEmojis, getCustomEmojiCategories, getCustomEmojiTags } from '@/custom-emojis'; | import { customEmojis, getCustomEmojiCategories, getCustomEmojiTags } from '@/custom-emojis'; | ||||||
|  | import { i18n } from '@/i18n'; | ||||||
| 
 | 
 | ||||||
| const customEmojiCategories = getCustomEmojiCategories(); | const customEmojiCategories = getCustomEmojiCategories(); | ||||||
| const customEmojiTags = getCustomEmojiTags(); | const customEmojiTags = getCustomEmojiTags(); | ||||||
|  | @ -81,7 +84,6 @@ watch($$(selectedTags), () => { | ||||||
| 
 | 
 | ||||||
| 	> .query { | 	> .query { | ||||||
| 		background: var(--bg); | 		background: var(--bg); | ||||||
| 		padding: 16px; |  | ||||||
| 
 | 
 | ||||||
| 		> .tags { | 		> .tags { | ||||||
| 			> .tag { | 			> .tag { | ||||||
|  | @ -101,13 +103,10 @@ watch($$(selectedTags), () => { | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
| 	> .emojis { | 	> .emojis { | ||||||
| 		--x-padding: 0 16px; |  | ||||||
| 
 |  | ||||||
| 		.zuvgdzyt { | 		.zuvgdzyt { | ||||||
| 			display: grid; | 			display: grid; | ||||||
| 			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); | 			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); | ||||||
| 			grid-gap: 12px; | 			grid-gap: 12px; | ||||||
| 			margin: 0 var(--margin) var(--margin) var(--margin); |  | ||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
| } | } | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue