admin bar chart fix

public/mix-manifest.json

@@ -36,7 +36,7 @@
     "/chunks/contact-us.js": "/chunks/contact-us.js?id=b3feaa361fc486e6a0b3",
     "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=8451872075acf5b1b9ab",
-    "/chunks/dashboard.js": "/chunks/dashboard.js?id=d95aef8f16608b95e1b3",
+    "/chunks/dashboard.js": "/chunks/dashboard.js?id=ee895fd302045ace693d",
     "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/subscriptions.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/subscriptions.js?id=10ed573571b91d11ca1d",
     "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.js?id=7c627ccb1eb284aee632",
     "/chunks/database.js": "/chunks/database.js?id=d469910e2c3f230d05f0",
@@ -72,7 +72,7 @@
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=8577d4c771602671b38a",
     "/chunks/settings.js": "/chunks/settings.js?id=2f69a8a26bd5ec20f9c8",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=54ee44cd05ce22b6acf3",
-    "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=1bf9863c520722b13412",
+    "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=79556f95911d4888a74a",
     "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=aafc9cd6aa47b01bc25a",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=651d5accf401908724c5",
     "/chunks/shared.js": "/chunks/shared.js?id=db60726012b6d246bd77",
@@ -96,7 +96,7 @@
     "/chunks/user-delete.js": "/chunks/user-delete.js?id=1de26d97d08b3946abce",
     "/chunks/user-detail.js": "/chunks/user-detail.js?id=827a7748f817e852aaa4",
     "/chunks/user-password.js": "/chunks/user-password.js?id=da0dced867709ba29629",
-    "/chunks/user-storage.js": "/chunks/user-storage.js?id=f8b09f0800d840f6c6f2",
+    "/chunks/user-storage.js": "/chunks/user-storage.js?id=9e053ad83bb65e0c51b0",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=9e0d19218275cae61754",
     "/chunks/users.js": "/chunks/users.js?id=d32a40d18460d974c5dd",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~25430133.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~25430133.js?id=1128eb985c40638c7015",
@@ -1431,5 +1431,37 @@
     "/chunks/dashboard.f0a1f360b7fc834597ae.hot-update.js": "/chunks/dashboard.f0a1f360b7fc834597ae.hot-update.js",
     "/chunks/dashboard.bae9b02a7456f62d7c5c.hot-update.js": "/chunks/dashboard.bae9b02a7456f62d7c5c.hot-update.js",
     "/chunks/dashboard.c56e6c4b8c8965b7d25a.hot-update.js": "/chunks/dashboard.c56e6c4b8c8965b7d25a.hot-update.js",
-    "/chunks/dashboard.5154a55c3e70025d061f.hot-update.js": "/chunks/dashboard.5154a55c3e70025d061f.hot-update.js"
+    "/chunks/dashboard.5154a55c3e70025d061f.hot-update.js": "/chunks/dashboard.5154a55c3e70025d061f.hot-update.js",
+    "/js/main.915ac6a88ce42f4a3fe8.hot-update.js": "/js/main.915ac6a88ce42f4a3fe8.hot-update.js",
+    "/js/main.9e3a7fcfdcd8482c701d.hot-update.js": "/js/main.9e3a7fcfdcd8482c701d.hot-update.js",
+    "/js/main.dd0da5b5998b79c75060.hot-update.js": "/js/main.dd0da5b5998b79c75060.hot-update.js",
+    "/js/main.6d391a3ddf12c029f891.hot-update.js": "/js/main.6d391a3ddf12c029f891.hot-update.js",
+    "/js/main.cfe02da19e9044553e0d.hot-update.js": "/js/main.cfe02da19e9044553e0d.hot-update.js",
+    "/js/main.78d996d3c98be9e679b9.hot-update.js": "/js/main.78d996d3c98be9e679b9.hot-update.js",
+    "/chunks/dashboard.09aaede5a915582f67df.hot-update.js": "/chunks/dashboard.09aaede5a915582f67df.hot-update.js",
+    "/chunks/dashboard.2dd86424d5b64e6346a5.hot-update.js": "/chunks/dashboard.2dd86424d5b64e6346a5.hot-update.js",
+    "/js/main.bd25b8a372080dd935ba.hot-update.js": "/js/main.bd25b8a372080dd935ba.hot-update.js",
+    "/js/main.1bbee90f0728fc2f2ba7.hot-update.js": "/js/main.1bbee90f0728fc2f2ba7.hot-update.js",
+    "/chunks/dashboard.9acdf139035779179c8a.hot-update.js": "/chunks/dashboard.9acdf139035779179c8a.hot-update.js",
+    "/chunks/dashboard.da0d4bec8d0c25a33751.hot-update.js": "/chunks/dashboard.da0d4bec8d0c25a33751.hot-update.js",
+    "/js/main.125e4742304c23ac0001.hot-update.js": "/js/main.125e4742304c23ac0001.hot-update.js",
+    "/chunks/dashboard.3601793542f4f32cc5a8.hot-update.js": "/chunks/dashboard.3601793542f4f32cc5a8.hot-update.js",
+    "/chunks/dashboard.68b39fd95f27bc76f5f5.hot-update.js": "/chunks/dashboard.68b39fd95f27bc76f5f5.hot-update.js",
+    "/chunks/dashboard.539366e8c625a811e97c.hot-update.js": "/chunks/dashboard.539366e8c625a811e97c.hot-update.js",
+    "/chunks/dashboard.b8e4798be6ac5d0a1588.hot-update.js": "/chunks/dashboard.b8e4798be6ac5d0a1588.hot-update.js",
+    "/chunks/dashboard.311920676f0b5c599c8d.hot-update.js": "/chunks/dashboard.311920676f0b5c599c8d.hot-update.js",
+    "/chunks/settings-storage.311920676f0b5c599c8d.hot-update.js": "/chunks/settings-storage.311920676f0b5c599c8d.hot-update.js",
+    "/chunks/user-storage.311920676f0b5c599c8d.hot-update.js": "/chunks/user-storage.311920676f0b5c599c8d.hot-update.js",
+    "/chunks/dashboard.8fe9f3995a9e4b1ab04a.hot-update.js": "/chunks/dashboard.8fe9f3995a9e4b1ab04a.hot-update.js",
+    "/chunks/settings-storage.8fe9f3995a9e4b1ab04a.hot-update.js": "/chunks/settings-storage.8fe9f3995a9e4b1ab04a.hot-update.js",
+    "/chunks/user-storage.8fe9f3995a9e4b1ab04a.hot-update.js": "/chunks/user-storage.8fe9f3995a9e4b1ab04a.hot-update.js",
+    "/chunks/dashboard.ab9760ca67087692e8fd.hot-update.js": "/chunks/dashboard.ab9760ca67087692e8fd.hot-update.js",
+    "/chunks/settings-storage.ab9760ca67087692e8fd.hot-update.js": "/chunks/settings-storage.ab9760ca67087692e8fd.hot-update.js",
+    "/chunks/user-storage.ab9760ca67087692e8fd.hot-update.js": "/chunks/user-storage.ab9760ca67087692e8fd.hot-update.js",
+    "/chunks/dashboard.40f5b336e8035e2403db.hot-update.js": "/chunks/dashboard.40f5b336e8035e2403db.hot-update.js",
+    "/chunks/settings-storage.40f5b336e8035e2403db.hot-update.js": "/chunks/settings-storage.40f5b336e8035e2403db.hot-update.js",
+    "/chunks/user-storage.40f5b336e8035e2403db.hot-update.js": "/chunks/user-storage.40f5b336e8035e2403db.hot-update.js",
+    "/chunks/dashboard.fa764f3a118560188d22.hot-update.js": "/chunks/dashboard.fa764f3a118560188d22.hot-update.js",
+    "/chunks/settings-storage.fa764f3a118560188d22.hot-update.js": "/chunks/settings-storage.fa764f3a118560188d22.hot-update.js",
+    "/chunks/user-storage.fa764f3a118560188d22.hot-update.js": "/chunks/user-storage.fa764f3a118560188d22.hot-update.js"
 }

resources/js/components/Others/CookieDisclaimer.vue

@@ -44,7 +44,7 @@
     @import '/resources/sass/vuefilemanager/_mixins';
 
     .cookie-wrapper {
-        @include widget-card;
+        //@include widget-card;
         background: white;
         position: fixed;
         bottom: 0;

resources/js/components/UI/BarChart.vue

@@ -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
 		}
 	}
 }

resources/js/views/Admin/Dashboard.vue

@@ -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>

resources/sass/vuefilemanager/_mixins.scss

@@ -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;