diff options
| author | zyoshoka <107108195+zyoshoka@users.noreply.github.com> | 2024-08-10 09:34:49 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-08-10 09:34:49 +0900 |
| commit | 01a815f8a716f65dbd977d533d638eb69561136a (patch) | |
| tree | d8e7f2e3eef845e0f366131676e4e87d299a94a0 /packages/frontend/src/components/MkFlashPreview.vue | |
| parent | fix: readAllNotifications message not working (#14374) (diff) | |
| download | misskey-01a815f8a716f65dbd977d533d638eb69561136a.tar.gz misskey-01a815f8a716f65dbd977d533d638eb69561136a.tar.bz2 misskey-01a815f8a716f65dbd977d533d638eb69561136a.zip | |
fix(general): some fixes and improvements of Play visibility (#14384)
* fix(backend): missing `visibility` param in packing flash
* fix(frontend): use `visibility` value got from API
* enhance(frontend): change preview appearance of private Play
* Update CHANGELOG.md
Diffstat (limited to 'packages/frontend/src/components/MkFlashPreview.vue')
| -rw-r--r-- | packages/frontend/src/components/MkFlashPreview.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkFlashPreview.vue b/packages/frontend/src/components/MkFlashPreview.vue index 6783804cc5..8a2a438624 100644 --- a/packages/frontend/src/components/MkFlashPreview.vue +++ b/packages/frontend/src/components/MkFlashPreview.vue @@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<MkA :to="`/play/${flash.id}`" class="vhpxefrk _panel"> +<MkA :to="`/play/${flash.id}`" class="vhpxefrk _panel" :class="[{ gray: flash.visibility === 'private' }]"> <article> <header> <h1 :title="flash.title">{{ flash.title }}</h1> @@ -22,11 +22,11 @@ SPDX-License-Identifier: AGPL-3.0-only <script lang="ts" setup> import { } from 'vue'; +import * as Misskey from 'misskey-js'; import { userName } from '@/filters/user.js'; const props = defineProps<{ - //flash: Misskey.entities.Flash; - flash: any; + flash: Misskey.entities.Flash; }>(); </script> @@ -91,6 +91,12 @@ const props = defineProps<{ } } + &:global(.gray) { + --c: var(--bg); + background-image: linear-gradient(45deg, var(--c) 16.67%, transparent 16.67%, transparent 50%, var(--c) 50%, var(--c) 66.67%, transparent 66.67%, transparent 100%); + background-size: 16px 16px; + } + @media (max-width: 700px) { } |