From f6f4184fb27b61535989a6ea2f4d4637e7ab5648 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Tue, 15 Mar 2022 16:51:33 +0100
Subject: [PATCH] barchart center fix

---
 public/mix-manifest.json           | 6 +++---
 resources/js/components/UI/Bar.vue | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 7ed5058d..0590227f 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -16,7 +16,7 @@
     "/chunks/not-found.js": "/chunks/not-found.js?id=36763aa314e00327",
     "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=a3906226272982b1",
     "/chunks/admin.js": "/chunks/admin.js?id=c3eb2a10ca6f09b8",
-    "/chunks/dashboard.js": "/chunks/dashboard.js?id=0ba6b75f07f739e2",
+    "/chunks/dashboard.js": "/chunks/dashboard.js?id=fc37b581ae245989",
     "/chunks/invoices.js": "/chunks/invoices.js?id=f89964a5a55ace45",
     "/chunks/subscriptions.js": "/chunks/subscriptions.js?id=62582c26b6288d7d",
     "/chunks/pages.js": "/chunks/pages.js?id=d7219aff1586ef7a",
@@ -28,7 +28,7 @@
     "/chunks/plan-create/metered.js": "/chunks/plan-create/metered.js?id=e33392f21fa044d9",
     "/chunks/user.js": "/chunks/user.js?id=7e567c0cb7f641d6",
     "/chunks/user-detail.js": "/chunks/user-detail.js?id=a09c26113827d1d5",
-    "/chunks/user-storage.js": "/chunks/user-storage.js?id=6437079d1b7db03a",
+    "/chunks/user-storage.js": "/chunks/user-storage.js?id=c2c37ef6916ceb6c",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=0acc28aa56454710",
     "/chunks/user-password.js": "/chunks/user-password.js?id=9e00dc08b4d46b30",
     "/chunks/user-delete.js": "/chunks/user-delete.js?id=73d823437e4a414a",
@@ -60,7 +60,7 @@
     "/chunks/settings.js": "/chunks/settings.js?id=10aae65b59430310",
     "/chunks/profile.js": "/chunks/profile.js?id=4ba370c98d374788",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=11e766eb42e485cf",
-    "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=90ba712f3728443b",
+    "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=6a0a0fd437e6eeda",
     "/chunks/billing.js": "/chunks/billing.js?id=f04fe6a3e9fb5c13",
     "/chunks/platform.js": "/chunks/platform.js?id=2fc77f79e9101e15",
     "/chunks/files.js": "/chunks/files.js?id=3900f3a00b9b8240",
diff --git a/resources/js/components/UI/Bar.vue b/resources/js/components/UI/Bar.vue
index b8e2f525..39eabcb9 100644
--- a/resources/js/components/UI/Bar.vue
+++ b/resources/js/components/UI/Bar.vue
@@ -1,13 +1,13 @@
 <template>
     <div
-        class="relative block cursor-pointer lg:mr-2 lg:w-2 2xl:w-3"
+        class="relative flex items-center justify-center block cursor-pointer lg:mx-1 lg:w-2 2xl:w-3"
         :style="{ height: bar.percentage > 0 ? bar.percentage + '%' : '8px' }"
         @mouseover="isVisible = true"
         @mouseleave="isVisible = false"
     >
         <div
-            v-if="isVisible"
-            class="absolute -top-4 z-10 ml-1.5 -translate-y-full -translate-x-1/2 transform rounded-lg bg-gray-800 py-2 px-3 shadow-lg dark:bg-white"
+            v-if="isVisible || bar.percentage === 85.5"
+            class="absolute -top-4 z-10 -translate-y-full transform rounded-lg bg-gray-800 py-2 px-3 shadow-lg dark:bg-white"
         >
             <b class="mb-2 block whitespace-nowrap text-xs text-white dark:text-gray-800">
                 {{ bar.created_at }}
@@ -18,7 +18,7 @@
                     {{ bar.amount }}
                 </b>
             </div>
-            <div class="absolute -bottom-2.5 left-0 right-0 mx-auto inline-block w-5 overflow-hidden">
+            <div class="absolute -bottom-2.5 left-0 right-0 mx-auto inline-block w-[17px] overflow-hidden">
                 <div class="h-3 w-3 origin-top-left -rotate-45 transform bg-gray-800 dark:bg-white"></div>
             </div>
         </div>