mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	Enhance(frontend): MkCustomEmojiDetailedDialogを調整 (#13015)
* MkEmojiDetailedDialogを調整 * 絵文字ライセンスでMFMを使えるように * <a> -> <MkLink> * 入力ボックスでmfmのオートコンプリートを効かせる
This commit is contained in:
		
							parent
							
								
									bc5aebe956
								
							
						
					
					
						commit
						acab9ccb81
					
				
					 2 changed files with 7 additions and 5 deletions
				
			
		| 
						 | 
				
			
			@ -10,9 +10,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
      <MkSpacer>
 | 
			
		||||
        <div style="display: flex; flex-direction: column; gap: 1em;">
 | 
			
		||||
          <div :class="$style.emojiImgWrapper">
 | 
			
		||||
            <MkCustomEmoji :name="emoji.name" :normal="true" style="height: 100%;"></MkCustomEmoji>
 | 
			
		||||
            <MkCustomEmoji :name="emoji.name" :normal="true" :useOriginalSize="true" style="height: 100%;"></MkCustomEmoji>
 | 
			
		||||
          </div>
 | 
			
		||||
          <MkKeyValue>
 | 
			
		||||
          <MkKeyValue :copy="`:${emoji.name}:`">
 | 
			
		||||
            <template #key>{{ i18n.ts.name }}</template>
 | 
			
		||||
            <template #value>{{ emoji.name }}</template>
 | 
			
		||||
          </MkKeyValue>
 | 
			
		||||
| 
						 | 
				
			
			@ -41,12 +41,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
          </MkKeyValue>
 | 
			
		||||
          <MkKeyValue>
 | 
			
		||||
            <template #key>{{ i18n.ts.license }}</template>
 | 
			
		||||
            <template #value>{{ emoji.license ?? i18n.ts.none }}</template>
 | 
			
		||||
            <template #value><Mfm :text="emoji.license ?? i18n.ts.none" /></template>
 | 
			
		||||
          </MkKeyValue>
 | 
			
		||||
          <MkKeyValue :copy="emoji.url">
 | 
			
		||||
            <template #key>{{ i18n.ts.emojiUrl }}</template>
 | 
			
		||||
            <template #value>
 | 
			
		||||
              <a :href="emoji.url" target="_blank">{{ emoji.url }}</a>
 | 
			
		||||
              <MkLink :url="emoji.url" target="_blank">{{ emoji.url }}</MkLink>
 | 
			
		||||
            </template>
 | 
			
		||||
          </MkKeyValue>
 | 
			
		||||
        </div>
 | 
			
		||||
| 
						 | 
				
			
			@ -61,6 +61,7 @@ import { defineProps, shallowRef } from 'vue';
 | 
			
		|||
import { i18n } from '@/i18n.js';
 | 
			
		||||
import MkModalWindow from '@/components/MkModalWindow.vue';
 | 
			
		||||
import MkKeyValue from '@/components/MkKeyValue.vue';
 | 
			
		||||
import MkLink from './MkLink.vue';
 | 
			
		||||
const props = defineProps<{
 | 
			
		||||
  emoji: Misskey.entities.EmojiDetailed,
 | 
			
		||||
}>();
 | 
			
		||||
| 
						 | 
				
			
			@ -94,6 +95,7 @@ const cancel = () => {
 | 
			
		|||
 | 
			
		||||
.alias {
 | 
			
		||||
  display: inline-block;
 | 
			
		||||
  word-break: break-all;
 | 
			
		||||
  padding: 3px 10px;
 | 
			
		||||
  background-color: var(--X5);
 | 
			
		||||
  border: solid 1px var(--divider);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -44,7 +44,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
						{{ i18n.ts.setMultipleBySeparatingWithSpace }}
 | 
			
		||||
					</template>
 | 
			
		||||
				</MkInput>
 | 
			
		||||
				<MkInput v-model="license">
 | 
			
		||||
				<MkInput v-model="license" :mfmAutocomplete="true">
 | 
			
		||||
					<template #label>{{ i18n.ts.license }}</template>
 | 
			
		||||
				</MkInput>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue