diff options
| -rw-r--r-- | packages/frontend/src/components/MkDriveFileThumbnail.vue | 4 | ||||
| -rw-r--r-- | packages/frontend/vite.config.ts | 1 |
2 files changed, 3 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.vue b/packages/frontend/src/components/MkDriveFileThumbnail.vue index ec50a9ec4b..5281e839f9 100644 --- a/packages/frontend/src/components/MkDriveFileThumbnail.vue +++ b/packages/frontend/src/components/MkDriveFileThumbnail.vue @@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div ref="thumbnail" :class="$style.root"> <ImgWithBlurhash v-if="isThumbnailAvailable" :hash="file.blurhash" :src="file.thumbnailUrl" :alt="file.name" :title="file.name" :cover="fit !== 'contain'"/> <i v-else-if="is === 'image'" class="ti ti-photo" :class="$style.icon"></i> - <i v-else-if="is === 'video'" class="ph-video ph-bold ph-lg" :class="$style.icon"></i> + <i v-else-if="is === 'video'" class="ti ti-video" :class="$style.icon"></i> <i v-else-if="is === 'audio' || is === 'midi'" class="ph-file-audio ph-bold ph-lg" :class="$style.icon"></i> <i v-else-if="is === 'csv'" class="ph-file-text ph-bold ph-lg" :class="$style.icon"></i> <i v-else-if="is === 'pdf'" class="ph-file-text ph-bold ph-lg" :class="$style.icon"></i> @@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only <i v-else-if="is === 'archive'" class="ph-file-zip ph-bold ph-lg" :class="$style.icon"></i> <i v-else class="ph-file ph-bold ph-lg" :class="$style.icon"></i> - <i v-if="isThumbnailAvailable && is === 'video'" class="ph-video ph-bold ph-lg" :class="$style.iconSub"></i> + <i v-if="isThumbnailAvailable && is === 'video'" class="ti ti-video" :class="$style.iconSub"></i> </div> </template> diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts index ed1aeb159c..b501846912 100644 --- a/packages/frontend/vite.config.ts +++ b/packages/frontend/vite.config.ts @@ -200,6 +200,7 @@ export function getConfig(): UserConfig { 'ti ti-id': 'ph-identification-card ph-bold ph-lg', 'ti ti-cloud': 'ph-cloud ph-bold ph-lg', 'ti ti-upload': 'ph-upload ph-bold ph-lg', + 'ti ti-video': 'ph-video ph-bold ph-lg', }, }), ...process.env.NODE_ENV === 'production' |