mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-28 11:00:39 +00:00
refactor
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
<div class="icon-wrapper">
|
||||
<CheckSquareIcon v-if="icon === 'check-square'" class="icon text-theme dark-text-theme" size="21" />
|
||||
<image-icon v-if="icon === 'image'" class="icon text-theme dark-text-theme" size="21" />
|
||||
<video-icon v-if="icon === 'video'" class="icon text-theme dark-text-theme" size="21" />
|
||||
<folder-icon v-if="icon === 'folder'" class="icon text-theme dark-text-theme" size="21" />
|
||||
<file-icon v-if="icon === 'file'" class="icon text-theme dark-text-theme" size="21" />
|
||||
<CheckSquareIcon v-if="icon === 'check-square'" class="icon text-theme vue-feather" size="21" />
|
||||
<image-icon v-if="icon === 'image'" class="icon text-theme vue-feather" size="21" />
|
||||
<video-icon v-if="icon === 'video'" class="icon text-theme vue-feather" size="21" />
|
||||
<folder-icon v-if="icon === 'folder'" class="icon text-theme vue-feather" size="21" />
|
||||
<file-icon v-if="icon === 'file'" class="icon text-theme vue-feather" size="21" />
|
||||
</div>
|
||||
<div class="text">
|
||||
<span class="title">{{ title }}</span>
|
||||
|
||||
@@ -9,14 +9,13 @@
|
||||
</span>
|
||||
|
||||
<!--Ghost bar-->
|
||||
<div v-if="ghostLength > 0">
|
||||
<span
|
||||
class="2xl:w-3 md:w-2 w-1 block rounded-lg lg:mr-2 mr-1.5 bg-gray-100"
|
||||
v-for="(ghost, i) in ghostLength"
|
||||
:style="{height: '5%'}"
|
||||
:key="i">
|
||||
</span>
|
||||
</div>
|
||||
<span
|
||||
v-if="ghostLength > 0"
|
||||
class="2xl:w-3 md:w-2 w-1 block rounded-lg lg:mr-2 mr-1.5 dark:bg-gray-800 bg-gray-100"
|
||||
v-for="(ghost, i) in ghostLength"
|
||||
:style="{height: '5%'}"
|
||||
:key="i">
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user