diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-11 16:25:49 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-11 16:25:49 +0900 |
| commit | 3d60d18e80c51f7715646e51cdfbe3db3fc43d80 (patch) | |
| tree | db7d2e5965d75dc9d0dfa10af12fbc13e05d5b41 /packages/frontend/src | |
| parent | fix(frontend): ノート購読の挙動改善 (#16023) (diff) | |
| download | misskey-3d60d18e80c51f7715646e51cdfbe3db3fc43d80.tar.gz misskey-3d60d18e80c51f7715646e51cdfbe3db3fc43d80.tar.bz2 misskey-3d60d18e80c51f7715646e51cdfbe3db3fc43d80.zip | |
tweak MkMediaImage.vue
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/components/MkMediaImage.vue | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkMediaImage.vue b/packages/frontend/src/components/MkMediaImage.vue index 68ba7dfbe9..1e5eb06a31 100644 --- a/packages/frontend/src/components/MkMediaImage.vue +++ b/packages/frontend/src/components/MkMediaImage.vue @@ -18,6 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only }" > <MkImgWithBlurhash + v-if="prefer.s.enableHighQualityImagePlaceholders" :hash="image.blurhash" :src="(prefer.s.dataSaver.media && hide) ? null : url" :forceBlurhash="hide" @@ -27,6 +28,20 @@ SPDX-License-Identifier: AGPL-3.0-only :width="image.properties.width" :height="image.properties.height" :style="hide ? 'filter: brightness(0.7);' : null" + :class="$style.image" + /> + <div + v-else-if="prefer.s.dataSaver.media || hide" + :title="image.comment || image.name" + :style="hide ? 'background: #888;' : null" + :class="$style.image" + ></div> + <img + v-else + :src="url" + :alt="image.comment || image.name" + :title="image.comment || image.name" + :class="$style.image" /> </component> <template v-if="hide"> @@ -300,4 +315,12 @@ html[data-color-scheme=light] .visible { font-size: 0.8em; padding: 2px 5px; } + +.image { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + object-position: center; +} </style> |