OpenSource/misskey
OpenSource/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey.git synced 2024-12-28 16:38:23 +01:00
Code Issues Projects Releases Packages Wiki Activity

v-panelに置き換え

Browse source
This commit is contained in:
kakkokari-gtyih 2024-12-16 23:12:35 +09:00
parent a01d75ba01
commit 0921a67c1a
3 changed files with 2 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/frontend/src/components/MkDriveFileThumbnail.vue
View file

@ -7,9 +7,9 @@ SPDX-License-Identifier: AGPL-3.0-only
<div <div
:class="[$style.root, { :class="[$style.root, {
[$style.sensitiveHighlight]: highlightWhenSensitive && file.isSensitive, [$style.sensitiveHighlight]: highlightWhenSensitive && file.isSensitive,
[$style.bgIsPanel]: bgIsPanel,
[$style.large]: large, [$style.large]: large,
}]" }]"
v-panel
> >
<ImgWithBlurhash <ImgWithBlurhash
v-if="isThumbnailAvailable" v-if="isThumbnailAvailable"
@ -42,7 +42,6 @@ const props = defineProps<{
file: Misskey.entities.DriveFile; file: Misskey.entities.DriveFile;
fit: 'cover' | 'contain'; fit: 'cover' | 'contain';
highlightWhenSensitive?: boolean; highlightWhenSensitive?: boolean;
bgIsPanel?: boolean;
forceBlurhash?: boolean; forceBlurhash?: boolean;
large?: boolean; large?: boolean;
}>(); }>();
@ -83,10 +82,6 @@ const isThumbnailAvailable = computed(() => {
background: var(--MI_THEME-panel); background: var(--MI_THEME-panel);
border-radius: 8px; border-radius: 8px;
overflow: clip; overflow: clip;
&.bgIsPanel {
background: var(--MI_THEME-bg);
}
} }
.sensitiveHighlight::after { .sensitiveHighlight::after {

3
packages/frontend/src/components/MkNoteMediaGrid.vue
View file

@ -16,7 +16,6 @@ SPDX-License-Identifier: AGPL-3.0-only
:highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia" :highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia"
:forceBlurhash="true" :forceBlurhash="true"
:large="true" :large="true"
:bgIsPanel="bgIsPanel"
:class="$style.file" :class="$style.file"
/> />
<div :class="$style.sensitive"> <div :class="$style.sensitive">
@ -32,7 +31,6 @@ SPDX-License-Identifier: AGPL-3.0-only
fit="cover" fit="cover"
:highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia" :highlightWhenSensitive="defaultStore.state.highlightSensitiveMedia"
:large="true" :large="true"
:bgIsPanel="bgIsPanel"
:class="$style.file" :class="$style.file"
/> />
</MkA> </MkA>
@ -51,7 +49,6 @@ import MkDriveFileThumbnail from '@/components/MkDriveFileThumbnail.vue';
defineProps<{ defineProps<{
note: Misskey.entities.Note; note: Misskey.entities.Note;
square?: boolean; square?: boolean;
bgIsPanel?: boolean;
}>(); }>();
const showingFiles = ref<Set<string>>(new Set()); const showingFiles = ref<Set<string>>(new Set());

2
packages/frontend/src/pages/user/index.files.vue
View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.root"> <div :class="$style.root">
<MkLoading v-if="fetching"/> <MkLoading v-if="fetching"/>
<div v-if="!fetching && notes.length > 0" :class="$style.stream"> <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> </div>
<p v-if="!fetching && notes.length == 0" :class="$style.empty">{{ i18n.ts.nothing }}</p> <p v-if="!fetching && notes.length == 0" :class="$style.empty">{{ i18n.ts.nothing }}</p>
</div> </div>