nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 00:22:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

admin dashboard refactoring

Browse Source
This commit is contained in:
Čarodej
2022-01-12 13:58:51 +01:00
parent e1bb4b2cbe
commit 4feba76f57
22 changed files with 1157 additions and 563 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/js/components/UI/BarChart.vue
View File

@@ -2,19 +2,21 @@
<div class="flex items-end justify-between sm:h-28 h-20">
<!--Data bar-->
<span
class="md:w-2 w-1 block rounded-lg lg:mr-2 mr-1.5 bg-theme"
class="2xl:w-3 md:w-2 w-1 block rounded-lg lg:mr-2 mr-1.5 bg-theme"
v-for="(height, i) in data"
:style="{height: height.amount + '%'}"
:key="i">
</span>
<!--Ghost bar-->
<span
class="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 v-if="ghostLength >= 1">
<span
class="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>
</div>
</template>
<script>
@@ -26,7 +28,7 @@ export default {
],
computed: {
ghostLength() {
return 45 - this.data.length
return 65 - this.data.length
}
}
}