mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-05-18 19:25:01 +00:00
admin bar chart fix
This commit is contained in:
@@ -44,7 +44,7 @@
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
|
||||
.cookie-wrapper {
|
||||
@include widget-card;
|
||||
//@include widget-card;
|
||||
background: white;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
@@ -9,9 +9,9 @@
|
||||
</span>
|
||||
|
||||
<!--Ghost bar-->
|
||||
<div v-if="ghostLength >= 1">
|
||||
<div v-if="ghostLength > 0">
|
||||
<span
|
||||
class="md:w-2 w-1 block rounded-lg lg:mr-2 mr-1.5 bg-gray-100"
|
||||
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">
|
||||
@@ -28,7 +28,7 @@ export default {
|
||||
],
|
||||
computed: {
|
||||
ghostLength() {
|
||||
return 65 - this.data.length
|
||||
return 45 - this.data.length
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
|
||||
<!--Metric widgets-->
|
||||
<div class="md:flex md:space-x-6 md:mb-6 mb-2">
|
||||
<div class="w-full mb-0 card shadow-card">
|
||||
<div class="w-full md:mb-0 mb-4 card shadow-card">
|
||||
<FormLabel icon="users">
|
||||
{{ $t('Total Users') }}
|
||||
</FormLabel>
|
||||
@@ -55,7 +55,7 @@
|
||||
<chevron-right-icon size="16" class="text-theme vue-feather"/>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="w-full mb-0 card shadow-card">
|
||||
<div class="w-full md:mb-0 mb-4 card shadow-card">
|
||||
<FormLabel icon="hard-drive">
|
||||
{{ $t('Total Storage') }}
|
||||
</FormLabel>
|
||||
@@ -71,7 +71,7 @@
|
||||
<chevron-right-icon size="16" class="text-theme vue-feather"/>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="w-full mb-0 card shadow-card">
|
||||
<div class="w-full md:mb-0 mb-4 card shadow-card">
|
||||
<FormLabel icon="dollar">
|
||||
{{ $t('Earnings') }}
|
||||
</FormLabel>
|
||||
@@ -90,7 +90,7 @@
|
||||
</div>
|
||||
|
||||
<!--Upload bandwidth widgets-->
|
||||
<div class="card shadow-card md:mb-6 mb-2">
|
||||
<div class="card shadow-card md:mb-6 mb-4">
|
||||
<FormLabel icon="hard-drive">
|
||||
{{ $t('Upload') }}
|
||||
</FormLabel>
|
||||
@@ -107,7 +107,7 @@
|
||||
</div>
|
||||
|
||||
<!--Download bandwidth widgets-->
|
||||
<div class="card shadow-card md:mb-6 mb-2">
|
||||
<div class="card shadow-card md:mb-6 mb-4">
|
||||
<FormLabel icon="hard-drive">
|
||||
{{ $t('Download') }}
|
||||
</FormLabel>
|
||||
@@ -124,7 +124,7 @@
|
||||
</div>
|
||||
|
||||
<!--Latest registration widgets-->
|
||||
<div class="card shadow-card md:mb-6 mb-2">
|
||||
<div class="card shadow-card md:mb-6 mb-4">
|
||||
<FormLabel icon="users">
|
||||
{{ $t('Latest Registrations') }}
|
||||
</FormLabel>
|
||||
|
||||
-6
@@ -24,12 +24,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
@mixin widget-card {
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 10px 20px -10px rgba(25,54,60,.10);
|
||||
}
|
||||
|
||||
@mixin blurred-image {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
||||
Reference in New Issue
Block a user