This commit is contained in:
Čarodej
2022-01-12 18:32:39 +01:00
parent d498446911
commit 3b34dc43ce
8 changed files with 58 additions and 28 deletions
@@ -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>
+7 -8
View File
@@ -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>