From 5d4486a4adf04397c7810ca14d448a0d4b8ce076 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Mon, 29 Nov 2021 06:49:31 +0100
Subject: [PATCH] progress line refactoring

---
 public/mix-manifest.json                      |  83 +++++++-
 .../js/components/Admin/ProgressLine.vue      | 189 +++++++-----------
 resources/js/views/Profile.vue                |   2 +-
 tailwind.config.js                            |   1 +
 4 files changed, 149 insertions(+), 126 deletions(-)

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 95827947..9864895e 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -67,13 +67,13 @@
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=c0dbc21fb8c789f0144a",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=f8b2619e393a5823bf29",
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=22f629caf127051898e9",
-    "/chunks/settings.js": "/chunks/settings.js?id=70a6590d0bd259002e3f",
+    "/chunks/settings.js": "/chunks/settings.js?id=c6ae9f37599df4c129f4",
     "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=ebe216f521fadd86078d",
     "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=ffbecee4f54c774adadb",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=4ed19fa578c63c0c50ce",
     "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=3a88e55341d1f1ffe12d",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=c1a4036392db4eea190f",
-    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.js?id=cc6fd81d942730305129",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.js?id=ea97ac1cb976ca635778",
     "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=fd27d71eb4f6b2194715",
     "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=d6249b995bc889847a5d",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=651d5accf401908724c5",
@@ -638,5 +638,82 @@
     "/chunks/platform.24ef3d6765f7fa80be89.hot-update.js": "/chunks/platform.24ef3d6765f7fa80be89.hot-update.js",
     "/chunks/platform.ac083f82e492812845de.hot-update.js": "/chunks/platform.ac083f82e492812845de.hot-update.js",
     "/chunks/platform.80d1bd8205a67c33a759.hot-update.js": "/chunks/platform.80d1bd8205a67c33a759.hot-update.js",
-    "/chunks/files.ac15d61505883f75268c.hot-update.js": "/chunks/files.ac15d61505883f75268c.hot-update.js"
+    "/chunks/files.ac15d61505883f75268c.hot-update.js": "/chunks/files.ac15d61505883f75268c.hot-update.js",
+    "/chunks/settings.f94eb4b0d0f576f6889e.hot-update.js": "/chunks/settings.f94eb4b0d0f576f6889e.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.96bcaf0206fd4143372e.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.96bcaf0206fd4143372e.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3d2df206c06d5d491f6e.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3d2df206c06d5d491f6e.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3e85e991de4ebe48f522.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3e85e991de4ebe48f522.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.bb377c5dbf3b31d166ef.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.bb377c5dbf3b31d166ef.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.71d724fc8a1d02cf229c.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.71d724fc8a1d02cf229c.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.b67bce47d2b74c672054.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.b67bce47d2b74c672054.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.98973d925e336b56b17e.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.98973d925e336b56b17e.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8482eb3b12ed647487f4.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8482eb3b12ed647487f4.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.5af06b5bcbec7ccee14d.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.5af06b5bcbec7ccee14d.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.7c782bab1bbd00e6eb1a.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.7c782bab1bbd00e6eb1a.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.7eea0bb4994e1519d9a8.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.7eea0bb4994e1519d9a8.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.15d9b24ffc2e6dec54cf.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.15d9b24ffc2e6dec54cf.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1b9f7f3e9ad574f4b0b6.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1b9f7f3e9ad574f4b0b6.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.c49b5d8303964041da31.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.c49b5d8303964041da31.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.efd5d8cd671f24969797.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.efd5d8cd671f24969797.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.4d600ed450a3379b7786.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.4d600ed450a3379b7786.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.b74c47768e2aaa192521.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.b74c47768e2aaa192521.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.ec9be5a676a48458a724.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.ec9be5a676a48458a724.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.92482cf20de742fe944a.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.92482cf20de742fe944a.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.ad774cdadc6323d0b93d.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.ad774cdadc6323d0b93d.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.33131aa50facd596043c.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.33131aa50facd596043c.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2e1dc462624fa27a0536.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2e1dc462624fa27a0536.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8691f110ce0ed3fe4339.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8691f110ce0ed3fe4339.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1ae4c3cb641c6de48fa6.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1ae4c3cb641c6de48fa6.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.33d7d74b56814a7d5226.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.33d7d74b56814a7d5226.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8340d6fd22b435652464.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8340d6fd22b435652464.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.9c315a0e82592170d30b.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.9c315a0e82592170d30b.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.33a10e0041e134e0246d.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.33a10e0041e134e0246d.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.212fe375d9d048c33a06.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.212fe375d9d048c33a06.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.87e31bf635ea74a16f11.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.87e31bf635ea74a16f11.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.80ec015794b864dbd4c8.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.80ec015794b864dbd4c8.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.f8740f59a4fd134645a3.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.f8740f59a4fd134645a3.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.4fa9b09c31a64f168fa5.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.4fa9b09c31a64f168fa5.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0c56df1a0a56e7a69c90.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0c56df1a0a56e7a69c90.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.601263a48d0b0647cc63.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.601263a48d0b0647cc63.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.acc96ddc3cc024679056.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.acc96ddc3cc024679056.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.5118e43136bf21614b14.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.5118e43136bf21614b14.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.58d396b7845695af82e9.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.58d396b7845695af82e9.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3da71d078cc25931007c.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3da71d078cc25931007c.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.f61bfcc596b89e8b2adf.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.f61bfcc596b89e8b2adf.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0f78cb6c3eb0db03920a.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0f78cb6c3eb0db03920a.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.d60b81c97c0d845f7612.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.d60b81c97c0d845f7612.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.66ceb2148c8b4c666413.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.66ceb2148c8b4c666413.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.6a93f1cbad992db10961.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.6a93f1cbad992db10961.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.28db751edade0ba87ae1.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.28db751edade0ba87ae1.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2605dba2a52798b378e4.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2605dba2a52798b378e4.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0db6d5e9fd8149f2e87f.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0db6d5e9fd8149f2e87f.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2a7939937d98be873f77.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2a7939937d98be873f77.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.515e0e56ab11827b9009.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.515e0e56ab11827b9009.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0a8ec2cd5965d909fa12.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0a8ec2cd5965d909fa12.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.e5f186db8df18f0d73ee.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.e5f186db8df18f0d73ee.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1f4016a1a2c7d231cb96.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1f4016a1a2c7d231cb96.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0caddbe8de2db3c92d1a.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0caddbe8de2db3c92d1a.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.21bdf42e9fb19d704d23.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.21bdf42e9fb19d704d23.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.cce920d8c9a9a13b748c.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.cce920d8c9a9a13b748c.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.cfd4a9e6a2517bc15fb6.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.cfd4a9e6a2517bc15fb6.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.4eb82b0105b0d815269b.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.4eb82b0105b0d815269b.hot-update.js",
+    "/js/main.030d5f263b3b4f2db282.hot-update.js": "/js/main.030d5f263b3b4f2db282.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3e7d86f963b422f5ff9c.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.3e7d86f963b422f5ff9c.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.6cc9466aa92fec6750c4.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.6cc9466aa92fec6750c4.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.b9c6e98fcf0f45b6f07d.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.b9c6e98fcf0f45b6f07d.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.7de559c3fbc2436d9f24.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.7de559c3fbc2436d9f24.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1e4535e9bbb6d997733e.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1e4535e9bbb6d997733e.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.95b88de16f0cedd99bf1.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.95b88de16f0cedd99bf1.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2e6da8dcbfee20e8a3c1.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.2e6da8dcbfee20e8a3c1.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1f67acdb77516276f7e7.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.1f67acdb77516276f7e7.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.254bc9798081fd9750b8.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.254bc9798081fd9750b8.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.6a53f696f73b30392491.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.6a53f696f73b30392491.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.f5df1c736616d1e48806.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.f5df1c736616d1e48806.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.81f226e8ce533d0e5445.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.81f226e8ce533d0e5445.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.9d22ba83ed423c050e03.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.9d22ba83ed423c050e03.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.a7571003f1fe59d86c3d.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.a7571003f1fe59d86c3d.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0807aebeb087f95cf512.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0807aebeb087f95cf512.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8172b6b81629c01a534c.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.8172b6b81629c01a534c.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0c31c340ecce86b6f29e.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.0c31c340ecce86b6f29e.hot-update.js",
+    "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.741328da3f2f341fadc5.hot-update.js": "/chunks/settings-storage~chunks/settings-subscription~chunks/user-storage~chunks/user-subscription.741328da3f2f341fadc5.hot-update.js"
 }
diff --git a/resources/js/components/Admin/ProgressLine.vue b/resources/js/components/Admin/ProgressLine.vue
index 61bcae33..a95201a4 100644
--- a/resources/js/components/Admin/ProgressLine.vue
+++ b/resources/js/components/Admin/ProgressLine.vue
@@ -1,13 +1,36 @@
 <template>
-    <div class="progress-wrapper">
-        <div class="chart rounded">
+    <div>
+        <div class="flex items-center mb-4 rounded dark:bg-2x-dark-foreground bg-light-300">
             <div v-for="(chart, i) in data" :key="i" :style="{width: chart.progress + '%'}" class="chart-wrapper">
 				<!--<DotLabel class="label" :class="{'offset-top': chart.progress < 5}" :color="chart.color" :title="chart.value" />-->
-                <span :class="['chart-progress', chart.color]"></span>
+
+				<!--Only singe line-->
+				<span
+					v-if="data.length === 1"
+					:class="[{
+						'border-r-2 dark:border-gray-800 border-white rounded-tl-lg rounded-bl-lg': chart.progress < 100,
+						'border-none rounded-lg': chart.progress >= 100
+						}, chart.color]"
+					class="chart-progress w-full h-2 block"
+				>
+
+				</span>
+
+				<!--Multiple line-->
+				<span
+					v-if="data.length > 1"
+					:class="[{
+						'rounded-tl-lg rounded-bl-lg border-r-2 dark:border-gray-800 border-white': i === 0,
+						'border-r-2 dark:border-gray-800 border-white': i < (data.length - 1),
+						'rounded-tr-lg rounded-br-lg': i === (data.length - 1),
+					}, chart.color]"
+					class="chart-progress w-full h-2 block"
+				></span>
             </div>
         </div>
-        <footer>
-            <DotLabel v-for="(chart, i) in data" :key="i" :color="chart.color" :title="chart.title" v-if="chart && chart.title" />
+
+        <footer class="flex items-center">
+            <DotLabel v-for="(chart, i) in data" :key="i" :color="chart.color" :title="chart.title" class="mr-5" />
         </footer>
     </div>
 </template>
@@ -15,132 +38,54 @@
 <script>
     import DotLabel from "./DotLabel";
 
-    export default {
-        name: 'ProgressLine',
-        props: [
-            'data',
-        ],
-        components: {
-            DotLabel
-        }
-    }
+	export default {
+		name: 'ProgressLine',
+		props: [
+			'data',
+		],
+		components: {
+			DotLabel,
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
+	.chart-progress {
+		&.success {
+			background: #0ABB87;
+			box-shadow: 0 3px 10px rgba(#0ABB87, 0.5);
+		}
 
+		&.danger {
+			background: #fd397a;
+			box-shadow: 0 3px 10px rgba(#fd397a, 0.5);
+		}
 
-    .progress-wrapper {
+		&.warning {
+			background: #ffb822;
+			box-shadow: 0 3px 10px rgba(#ffb822, 0.5);
+		}
 
-        .chart {
-            display: flex;
-            align-items: center;
-            margin-bottom: 14px;
+		&.info {
+			background: #5578eb;
+			box-shadow: 0 3px 10px rgba(#5578eb, 0.5);
+		}
+
+		&.purple {
+			background: #9d66fe;
+			box-shadow: 0 3px 10px rgba(#9d66fe, 0.5);
+		}
+
+		&.secondary {
 			background: #e1e1ef;
+			box-shadow: 0 3px 10px rgba(#e1e1ef, 0.5);
+		}
+	}
 
-            .chart-wrapper {
-
-                .label {
-                    justify-content: flex-end;
-                    padding-right: 5px;
-                    margin-bottom: 10px;
-
-                    &.offset-top {
-                        //@include transform(translateY(50px));
-                    }
-                }
-
-                &:nth-child(1) {
-                    .chart-progress {
-                        border-bottom-left-radius: 8px;
-                        border-top-left-radius: 8px;
-                        border-right: 2px solid white;
-                    }
-                }
-
-				.chart-progress {
-					border-right: 2px solid white;
-				}
-
-                &:nth-child(6) {
-                    .chart-progress {
-                        border-bottom-right-radius: 8px;
-                        border-top-right-radius: 8px;
-                    }
-                }
-            }
-
-            .chart-progress {
-                width: 100%;
-                height: 8px;
-                display: block;
-
-                &.success {
-                    background: #0ABB87;
-                    box-shadow: 0 3px 10px rgba(#0ABB87, 0.5);
-                }
-
-                &.danger {
-                    background: #fd397a;
-                    box-shadow: 0 3px 10px rgba(#fd397a, 0.5);
-                }
-
-                &.warning {
-                    background: #ffb822;
-                    box-shadow: 0 3px 10px rgba(#ffb822, 0.5);
-                }
-
-                &.info {
-                    background: #5578eb;
-                    box-shadow: 0 3px 10px rgba(#5578eb, 0.5);
-                }
-
-                &.purple {
-                    background: #9d66fe;
-                    box-shadow: 0 3px 10px rgba(#9d66fe, 0.5);
-                }
-
-                &.secondary {
-                    background: #e1e1ef;
-                    box-shadow: 0 3px 10px rgba(#e1e1ef, 0.5);
-                }
-            }
-        }
-
-        footer {
-            display: flex;
-            align-items: center;
-
-            .label {
-                margin-right: 22px;
-            }
-        }
-    }
-
-
-	.dark {
-
-		.chart {
+	.dark .chart-progress {
+		&.secondary {
 			background: #282A2F !important;
-		}
-
-		.chart-wrapper {
-
-			&:nth-child(1) {
-				.chart-progress {
-					border-color: #151515 !important;
-				}
-			}
-
-			.chart-progress {
-					border-color: #151515 !important;
-			}
-		}
-
-		.chart-progress {
-			&.secondary {
-				background: #282A2F !important;
-				box-shadow: 0 3px 10px rgba(#282A2F, 0.5) !important;
-			}
+			box-shadow: 0 3px 10px rgba(#282A2F, 0.5) !important;
 		}
 	}
 </style>
diff --git a/resources/js/views/Profile.vue b/resources/js/views/Profile.vue
index 2d191449..47493c5d 100644
--- a/resources/js/views/Profile.vue
+++ b/resources/js/views/Profile.vue
@@ -47,7 +47,7 @@
                     </div>
 
 
-					<CardNavigation :pages="pages" class="-mx-6" />
+					<CardNavigation :pages="pages" class="-mx-3" />
 
 					<!--Incomplete Payment Warning-->
 					<!--<InfoBox v-if="canShowIncompletePayment" type="error" class="message-box">
diff --git a/tailwind.config.js b/tailwind.config.js
index 86e2434e..4f6fe8e9 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -28,6 +28,7 @@ module.exports = {
         'dark-foreground': '#161718',
         '2x-dark-foreground': '#191b1e',
         'light-background': '#f4f5f6',
+        'light-300': '#e1e1ef',
       }),
       boxShadow: {
         card: '0 2px 6px 0 rgba(0, 0, 0, 0.04)',