diff options
| author | Insert5StarName <anime@shourai.de> | 2023-09-30 21:53:52 +0200 |
|---|---|---|
| committer | Insert5StarName <anime@shourai.de> | 2023-09-30 21:53:52 +0200 |
| commit | 7b179d3a92adb91e111aca111d7875bb99748002 (patch) | |
| tree | 7793951e2a791ba8f85810756401271376361ff8 /packages/frontend/src/components/MkDriveFileThumbnail.vue | |
| parent | upd: change icon font (diff) | |
| download | sharkey-7b179d3a92adb91e111aca111d7875bb99748002.tar.gz sharkey-7b179d3a92adb91e111aca111d7875bb99748002.tar.bz2 sharkey-7b179d3a92adb91e111aca111d7875bb99748002.zip | |
work in progress icons
Diffstat (limited to 'packages/frontend/src/components/MkDriveFileThumbnail.vue')
| -rw-r--r-- | packages/frontend/src/components/MkDriveFileThumbnail.vue | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.vue b/packages/frontend/src/components/MkDriveFileThumbnail.vue index 5b07fed2d1..a44c78c249 100644 --- a/packages/frontend/src/components/MkDriveFileThumbnail.vue +++ b/packages/frontend/src/components/MkDriveFileThumbnail.vue @@ -6,16 +6,16 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <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="ti ti-video" :class="$style.icon"></i> - <i v-else-if="is === 'audio' || is === 'midi'" class="ti ti-file-music" :class="$style.icon"></i> - <i v-else-if="is === 'csv'" class="ti ti-file-text" :class="$style.icon"></i> - <i v-else-if="is === 'pdf'" class="ti ti-file-text" :class="$style.icon"></i> - <i v-else-if="is === 'textfile'" class="ti ti-file-text" :class="$style.icon"></i> - <i v-else-if="is === 'archive'" class="ti ti-file-zip" :class="$style.icon"></i> - <i v-else class="ti ti-file" :class="$style.icon"></i> + <i v-else-if="is === 'image'" class="ph-image-square ph-bold ph-lg" :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 === '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> + <i v-else-if="is === 'textfile'" class="ph-file-text ph-bold ph-lg" :class="$style.icon"></i> + <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="ti ti-video" :class="$style.iconSub"></i> + <i v-if="isThumbnailAvailable && is === 'video'" class="ph-video ph-bold ph-lg" :class="$style.iconSub"></i> </div> </template> |