diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-06 09:53:09 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-06 09:53:09 +0900 |
| commit | e36f9599d26fb8ae01eb5837ff9f5150260a7adb (patch) | |
| tree | 5d08009860db26b44dfce960277be4793c40de67 /packages/frontend/src/components/MkMediaImage.vue | |
| parent | enhance(backend/frontend): モデレーションノートをユーザーの... (diff) | |
| download | misskey-e36f9599d26fb8ae01eb5837ff9f5150260a7adb.tar.gz misskey-e36f9599d26fb8ae01eb5837ff9f5150260a7adb.tar.bz2 misskey-e36f9599d26fb8ae01eb5837ff9f5150260a7adb.zip | |
:art:
Diffstat (limited to 'packages/frontend/src/components/MkMediaImage.vue')
| -rw-r--r-- | packages/frontend/src/components/MkMediaImage.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkMediaImage.vue b/packages/frontend/src/components/MkMediaImage.vue index b0219fc32d..f815ef32dd 100644 --- a/packages/frontend/src/components/MkMediaImage.vue +++ b/packages/frontend/src/components/MkMediaImage.vue @@ -1,6 +1,6 @@ <template> <div v-if="hide" :class="$style.hidden" @click="hide = false"> - <ImgWithBlurhash style="filter: brightness(0.5);" :hash="image.blurhash" :title="image.comment" :alt="image.comment" :width="image.properties.width" :height="image.properties.height" :force-blurhash="defaultStore.state.enableDataSaverMode" /> + <ImgWithBlurhash style="filter: brightness(0.5);" :hash="image.blurhash" :title="image.comment" :alt="image.comment" :width="image.properties.width" :height="image.properties.height" :force-blurhash="defaultStore.state.enableDataSaverMode"/> <div :class="$style.hiddenText"> <div :class="$style.hiddenTextWrapper"> <b v-if="image.isSensitive" style="display: block;"><i class="ti ti-alert-triangle"></i> {{ i18n.ts.sensitive }}{{ defaultStore.state.enableDataSaverMode ? ` (${i18n.ts.image}${image.size ? ' ' + bytes(image.size) : ''})` : '' }}</b> @@ -46,7 +46,7 @@ const url = $computed(() => (props.raw || defaultStore.state.loadRawImages) ? props.image.url : defaultStore.state.disableShowingAnimatedImages ? getStaticImageUrl(props.image.url) - : props.image.thumbnailUrl + : props.image.thumbnailUrl, ); // Plugin:register_note_view_interruptor を使って書き換えられる可能性があるためwatchする @@ -135,6 +135,7 @@ watch(() => props.image, () => { color: var(--accentLighten); display: inline-block; font-weight: bold; - padding: 0 6px; + font-size: 12px; + padding: 2px 6px; } </style> |