mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-27 10:20:27 +01:00
v-panelに置き換え
This commit is contained in:
parent
a01d75ba01
commit
0921a67c1a
3 changed files with 2 additions and 10 deletions
|
@ -7,9 +7,9 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<div
|
||||
:class="[$style.root, {
|
||||
[$style.sensitiveHighlight]: highlightWhenSensitive && file.isSensitive,
|
||||
[$style.bgIsPanel]: bgIsPanel,
|
||||
[$style.large]: large,
|
||||
}]"
|
||||
v-panel
|
||||
>
|
||||
<ImgWithBlurhash
|
||||
v-if="isThumbnailAvailable"
|
||||
|
@ -42,7 +42,6 @@ const props = defineProps<{
|
|||
file: Misskey.entities.DriveFile;
|
||||
fit: 'cover' | 'contain';
|
||||
highlightWhenSensitive?: boolean;
|
||||
bgIsPanel?: boolean;
|
||||
forceBlurhash?: boolean;
|
||||
large?: boolean;
|
||||
}>();
|
||||
|
@ -83,10 +82,6 @@ const isThumbnailAvailable = computed(() => {
|
|||
background: var(--MI_THEME-panel);
|
||||
border-radius: 8px;
|
||||
overflow: clip;
|
||||
|
||||
&.bgIsPanel {
|
||||
background: var(--MI_THEME-bg);
|
||||
}
|
||||
}
|
||||
|
||||
.sensitiveHighlight::after {
|
||||
|
|
|
@ -16,7 +16,6 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
:highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia"
|
||||
:forceBlurhash="true"
|
||||
:large="true"
|
||||
:bgIsPanel="bgIsPanel"
|
||||
:class="$style.file"
|
||||
/>
|
||||
<div :class="$style.sensitive">
|
||||
|
@ -32,7 +31,6 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
fit="cover"
|
||||
:highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia"
|
||||
:large="true"
|
||||
:bgIsPanel="bgIsPanel"
|
||||
:class="$style.file"
|
||||
/>
|
||||
</MkA>
|
||||
|
@ -51,7 +49,6 @@ import MkDriveFileThumbnail from '@/components/MkDriveFileThumbnail.vue';
|
|||
defineProps<{
|
||||
note: Misskey.entities.Note;
|
||||
square?: boolean;
|
||||
bgIsPanel?: boolean;
|
||||
}>();
|
||||
|
||||
const showingFiles = ref<Set<string>>(new Set());
|
||||
|
|
|
@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<div :class="$style.root">
|
||||
<MkLoading v-if="fetching"/>
|
||||
<div v-if="!fetching && notes.length > 0" :class="$style.stream">
|
||||
<MkNoteMediaGrid v-for="note in notes" :note="note" bgIsPanel/>
|
||||
<MkNoteMediaGrid v-for="note in notes" :note="note"/>
|
||||
</div>
|
||||
<p v-if="!fetching && notes.length == 0" :class="$style.empty">{{ i18n.ts.nothing }}</p>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue