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/MkUrlPreview.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/MkUrlPreview.vue')
| -rw-r--r-- | packages/frontend/src/components/MkUrlPreview.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue index bac7f1e310..77c62ae0b9 100644 --- a/packages/frontend/src/components/MkUrlPreview.vue +++ b/packages/frontend/src/components/MkUrlPreview.vue @@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <div v-else> <component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact }]" :[attr]="self ? url.substring(local.length) : url" rel="nofollow noopener" :target="target" :title="url"> - <div v-if="thumbnail" :class="$style.thumbnail" :style="`background-image: url('${thumbnail}')`"> + <div v-if="thumbnail" :class="$style.thumbnail" :style="defaultStore.state.enableDataSaverMode ? '' : `background-image: url('${thumbnail}')`"> </div> <article :class="$style.body"> <header :class="$style.header"> @@ -260,6 +260,7 @@ onUnmounted(() => { height: 100%; background-position: center; background-size: cover; + background-color: var(--bg); display: flex; justify-content: center; align-items: center; |