summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-02-11 10:45:39 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-02-11 10:45:39 +0900
commitb44597d5d846c97aecb10665405ae1f39a330133 (patch)
tree27a4e735dc1781383bc961532b1d05dc5e27fcf6 /packages/frontend/src/components
parentfix: newNoteReceived indicator causes Layout Shift (#9843) (diff)
downloadmisskey-b44597d5d846c97aecb10665405ae1f39a330133.tar.gz
misskey-b44597d5d846c97aecb10665405ae1f39a330133.tar.bz2
misskey-b44597d5d846c97aecb10665405ae1f39a330133.zip
:art:
Diffstat (limited to 'packages/frontend/src/components')
-rw-r--r--packages/frontend/src/components/MkMediaImage.vue3
1 files changed, 1 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkMediaImage.vue b/packages/frontend/src/components/MkMediaImage.vue
index 6ac56f3ce0..b777a1329b 100644
--- a/packages/frontend/src/components/MkMediaImage.vue
+++ b/packages/frontend/src/components/MkMediaImage.vue
@@ -8,7 +8,7 @@
</div>
</div>
</div>
-<div v-else :class="$style.visible">
+<div v-else :class="$style.visible" :style="defaultStore.state.darkMode ? '--c: rgb(255 255 255 / 2%);' : '--c: rgb(0 0 0 / 2%);'">
<a
:class="$style.imageContainer"
:href="image.url"
@@ -78,7 +78,6 @@ watch(() => props.image, () => {
position: relative;
//box-shadow: 0 0 0 1px var(--divider) inset;
background: var(--bg);
- --c: rgb(0 0 0 / 2%);
background-image: linear-gradient(45deg, var(--c) 16.67%, var(--bg) 16.67%, var(--bg) 50%, var(--c) 50%, var(--c) 66.67%, var(--bg) 66.67%, var(--bg) 100%);
background-size: 16px 16px;
}