diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-11 10:45:39 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-02-11 10:45:39 +0900 |
| commit | b44597d5d846c97aecb10665405ae1f39a330133 (patch) | |
| tree | 27a4e735dc1781383bc961532b1d05dc5e27fcf6 /packages/frontend/src/components/MkMediaImage.vue | |
| parent | fix: newNoteReceived indicator causes Layout Shift (#9843) (diff) | |
| download | misskey-b44597d5d846c97aecb10665405ae1f39a330133.tar.gz misskey-b44597d5d846c97aecb10665405ae1f39a330133.tar.bz2 misskey-b44597d5d846c97aecb10665405ae1f39a330133.zip | |
:art:
Diffstat (limited to 'packages/frontend/src/components/MkMediaImage.vue')
| -rw-r--r-- | packages/frontend/src/components/MkMediaImage.vue | 3 |
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; } |