mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-05 18:23:48 +00:00
46 lines
1.1 KiB
Vue
46 lines
1.1 KiB
Vue
<template>
|
|
<div class="flex items-start">
|
|
<div class="mr-2">
|
|
<CheckSquareIcon v-if="icon === 'check-square'" class="text-theme vue-feather" size="19" />
|
|
<image-icon v-if="icon === 'image'" class="text-theme vue-feather" size="19" />
|
|
<video-icon v-if="icon === 'video'" class="text-theme vue-feather" size="19" />
|
|
<folder-icon v-if="icon === 'folder'" class="text-theme vue-feather" size="19" />
|
|
<file-icon v-if="icon === 'file'" class="text-theme vue-feather" size="19" />
|
|
</div>
|
|
<div>
|
|
<b class="font-bold text-base inline-block whitespace-nowrap 2xl:w-72 w-52 text-ellipsis overflow-hidden leading-3">
|
|
{{ title }}
|
|
</b>
|
|
<small class="font-bold text-xs text-gray-400 block">
|
|
{{ subtitle }}
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
CheckSquareIcon,
|
|
FolderIcon,
|
|
ImageIcon,
|
|
VideoIcon,
|
|
FileIcon,
|
|
} from "vue-feather-icons"
|
|
|
|
export default {
|
|
name: 'TitlePreview',
|
|
props: [
|
|
'subtitle',
|
|
'title',
|
|
'icon',
|
|
],
|
|
components: {
|
|
CheckSquareIcon,
|
|
FolderIcon,
|
|
ImageIcon,
|
|
VideoIcon,
|
|
FileIcon,
|
|
},
|
|
}
|
|
</script>
|