diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2023-09-10 18:40:20 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-09-10 18:40:20 +0900 |
| commit | c0838c473f3d51610d3545f5d4d8fe0dcb50567d (patch) | |
| tree | 7b1f0092f29b262157312e079e571c3881282cec /packages/frontend/src/components/page/page.image.vue | |
| parent | enhance(frontend): cache user lists / antennas (diff) | |
| download | misskey-c0838c473f3d51610d3545f5d4d8fe0dcb50567d.tar.gz misskey-c0838c473f3d51610d3545f5d4d8fe0dcb50567d.tar.bz2 misskey-c0838c473f3d51610d3545f5d4d8fe0dcb50567d.zip | |
enhance(frontend): データセーバーモードで隠れる画像を増やす等 (#11806)
* enhance datasaver mode
* サムネイルがないとき変な角丸にならんようにする
* Avoid using wildcard selector
* Avoid wildcard
* Update MkMediaImage.vue
* (fix) ノートの画像プレビューがでない
* (fix) recent pages design
---------
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/frontend/src/components/page/page.image.vue')
| -rw-r--r-- | packages/frontend/src/components/page/page.image.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/packages/frontend/src/components/page/page.image.vue b/packages/frontend/src/components/page/page.image.vue index 3d64171451..80a75f02a5 100644 --- a/packages/frontend/src/components/page/page.image.vue +++ b/packages/frontend/src/components/page/page.image.vue @@ -5,20 +5,24 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <div> - <ImgWithBlurhash v-if="image" style="max-width: 100%;" :hash="image.blurhash" :src="image.url" :alt="image.comment" :title="image.comment" :width="image.properties.width" :height="image.properties.height" :cover="false"/> + <MediaImage + v-if="image" + :image="image" + :disableImageLink="true" + /> </div> </template> <script lang="ts" setup> -import { } from 'vue'; +import { ref } from 'vue'; import * as Misskey from 'misskey-js'; import { ImageBlock } from './block.type'; -import ImgWithBlurhash from '@/components/MkImgWithBlurhash.vue'; +import MediaImage from '@/components/MkMediaImage.vue'; const props = defineProps<{ block: ImageBlock, page: Misskey.entities.Page, }>(); -const image = props.page.attachedFiles.find(x => x.id === props.block.fileId); +const image = ref<Misskey.entities.DriveFile>(props.page.attachedFiles.find(x => x.id === props.block.fileId)); </script> |