From 0b3fc946bd69127248679d91b96ce23fa2cb0934 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Wed, 26 Jan 2022 18:28:19 +0100
Subject: [PATCH] fixed navigation for mobile version

---
 package-lock.json                             |   5 +
 package.json                                  |   1 +
 public/mix-manifest.json                      | 161 +++++++++++++-----
 .../js/components/Admin/CardNavigation.vue    |  39 +++--
 .../js/components/Spotlight/Spotlight.vue     |  10 +-
 .../views/Admin/AppSettings/AppSettings.vue   |   4 +-
 .../Admin/PaymentSettings/PaymentSettings.vue |   2 +-
 resources/js/views/Admin/Plans/FixedPlan.vue  |   4 +-
 .../js/views/Admin/Plans/MeteredPlan.vue      |   7 +-
 .../js/views/MobileNavigationToolbar.vue      |  18 +-
 resources/js/views/Profile.vue                | 105 +++---------
 tailwind.config.js                            |   1 +
 12 files changed, 203 insertions(+), 154 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4cf54fae..a4ed7a3c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10544,6 +10544,11 @@
             "resolved": "https://registry.npmjs.org/symbol/-/symbol-0.2.3.tgz",
             "integrity": "sha1-O5hzuKkB5Hxu/iFSajrDcu8ou8c="
         },
+        "tailwind-scrollbar-hide": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/tailwind-scrollbar-hide/-/tailwind-scrollbar-hide-1.1.7.tgz",
+            "integrity": "sha512-X324n9OtpTmOMqEgDUEA/RgLrNfBF/jwJdctaPZDzB3mppxJk7TLIDmOreEDm1Bq4R9LSPu4Epf8VSdovNU+iA=="
+        },
         "tailwindcss": {
             "version": "npm:@tailwindcss/postcss7-compat@2.2.17",
             "resolved": "https://registry.npmjs.org/@tailwindcss/postcss7-compat/-/postcss7-compat-2.2.17.tgz",
diff --git a/package.json b/package.json
index 9d127c57..501059a5 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
         "node-sass": "^4.14.1",
         "pdfvuer": "1.7.5",
         "postcss": "^7.0.39",
+        "tailwind-scrollbar-hide": "^1.1.7",
         "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
         "twemoji": "^13.1.0",
         "vee-validate": "^3.4.14",
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 0ff7886e..0fe3f567 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -2,7 +2,7 @@
     "/js/main.js": "/js/main.js",
     "/css/app.css": "/css/app.css",
     "/css/tailwind.css": "/css/tailwind.css",
-    "/chunks/admin.js": "/chunks/admin.js?id=fc16c6e0bf28ebc73598",
+    "/chunks/admin.js": "/chunks/admin.js?id=3a04a89b7b4307bd79a9",
     "/chunks/admin-account.js": "/chunks/admin-account.js?id=6e28465565ea92af804f",
     "/chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app-setup~chunks~ba362dfc.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app-setup~chunks~ba362dfc.js?id=f1db11992a10d86198ae",
     "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a2d1c36e.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a2d1c36e.js?id=bbdda6115aa358c2209e",
@@ -12,7 +12,7 @@
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=34845d890e9e65d2adc0",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=8da02dcc87f434aca532",
     "/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=ba3eb9958e8c0aa21536",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=9a5368650e4b4f4972f7",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=9545e66b75a1e31aff75",
     "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=e40dcf843c95a51cd397",
     "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=f320fe6298f15a06d573",
     "/chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/payments/billings~chunks/payments/set~0dc0a1dd.js": "/chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/payments/billings~chunks/payments/set~0dc0a1dd.js?id=85c3dcde9e03e25b549e",
@@ -22,7 +22,7 @@
     "/chunks/app-language.js": "/chunks/app-language.js?id=bdea74f5021aedc80a66",
     "/chunks/app-language~chunks/page-edit~chunks/pages~chunks/plan-create/fixed~chunks/plan-create/metere~daa2a968.js": "/chunks/app-language~chunks/page-edit~chunks/pages~chunks/plan-create/fixed~chunks/plan-create/metere~daa2a968.js?id=ef8cbb733f7e82636b51",
     "/chunks/app-others.js": "/chunks/app-others.js?id=e756088796cfeadfd28e",
-    "/chunks/app-settings.js": "/chunks/app-settings.js?id=98344316e29786729b08",
+    "/chunks/app-settings.js": "/chunks/app-settings.js?id=977b6d7ab2d67edaed49",
     "/chunks/app-setup.js": "/chunks/app-setup.js?id=c4092eb8dde1708f9adb",
     "/chunks/app-sign-in-out.js": "/chunks/app-sign-in-out.js?id=9b6eff02e9d0f9d69073",
     "/chunks/billing.js": "/chunks/billing.js?id=832c1f75d75d5c5c97a4",
@@ -53,10 +53,11 @@
     "/chunks/not-found.js": "/chunks/not-found.js?id=bd6cc309172531900b13",
     "/chunks/page-edit.js": "/chunks/page-edit.js?id=5ff141bd6538ec84ecff",
     "/chunks/pages.js": "/chunks/pages.js?id=1ce97ecc061c94d203c3",
-    "/chunks/payments.js": "/chunks/payments.js?id=56a633689fc98ab71b92",
+    "/chunks/payments.js": "/chunks/payments.js?id=1fec02baae4ed18d954e",
     "/chunks/payments/billings.js": "/chunks/payments/billings.js?id=de07fd61143036495b08",
     "/chunks/payments/settings.js": "/chunks/payments/settings.js?id=151f3553fd34c10a56b6",
-    "/chunks/plan.js": "/chunks/plan.js?id=fc9e9e0b9bac63514475",
+    "/chunks/payments/settings~chunks/settings.js": "/chunks/payments/settings~chunks/settings.js?id=060a0470e3cacd7f5b3f",
+    "/chunks/plan.js": "/chunks/plan.js?id=429e4d46f8ac4e9ddefb",
     "/chunks/plan-create/fixed.js": "/chunks/plan-create/fixed.js?id=fcbc1489330dea0574f2",
     "/chunks/plan-create/metered.js": "/chunks/plan-create/metered.js?id=22a5c4fb60a77b72cd4e",
     "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=1b3a7726ea964aba6449",
@@ -69,10 +70,9 @@
     "/chunks/profile.js": "/chunks/profile.js?id=f86f4783c664ca19e6ed",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=d9af0efad2af2679954b",
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=8577d4c771602671b38a",
-    "/chunks/settings.js": "/chunks/settings.js?id=435512edbf115b9e94de",
+    "/chunks/settings.js": "/chunks/settings.js?id=c2423d28938dd1037d8b",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=5663c0b40d30395b1800",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=03dc91e6eca3401c7264",
-    "/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=a140c15b483547b020e9",
     "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=e38098eca4e38683a83b",
@@ -90,7 +90,7 @@
     "/chunks/team-folders.js": "/chunks/team-folders.js?id=d0b1bb2f9e63fa36dd50",
     "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=145f1b0766214eee1aad",
     "/chunks/trash.js": "/chunks/trash.js?id=1f5f349fb9ec23ba2e93",
-    "/chunks/user.js": "/chunks/user.js?id=d47acfdc8985d8823872",
+    "/chunks/user.js": "/chunks/user.js?id=45f0a820b34424ad3fe9",
     "/chunks/user-create.js": "/chunks/user-create.js?id=ec5e0749e0fc93be4664",
     "/chunks/user-delete.js": "/chunks/user-delete.js?id=91cd831e23203fd3157c",
     "/chunks/user-detail.js": "/chunks/user-detail.js?id=6f4e3cc41a6803895594",
@@ -103,38 +103,115 @@
     "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=ab29ab0a0c2d5a40b39d",
     "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=a0fa80db175709ba340a",
     "/vendors~chunks/settings.js": "/vendors~chunks/settings.js?id=14f4e0c3881d22ad60af",
-    "/chunks/settings-password.68a0f30bbcd791191851.hot-update.js": "/chunks/settings-password.68a0f30bbcd791191851.hot-update.js",
-    "/chunks/settings-password.2f9ba632567118825eef.hot-update.js": "/chunks/settings-password.2f9ba632567118825eef.hot-update.js",
-    "/chunks/settings-password.b6d3df3652b092638814.hot-update.js": "/chunks/settings-password.b6d3df3652b092638814.hot-update.js",
-    "/chunks/billing.7582d5fa0caace92ef9e.hot-update.js": "/chunks/billing.7582d5fa0caace92ef9e.hot-update.js",
-    "/chunks/settings-password.fc6f86a2aff30a2d349c.hot-update.js": "/chunks/settings-password.fc6f86a2aff30a2d349c.hot-update.js",
-    "/chunks/settings-password.166caa79fb8fe777fb6e.hot-update.js": "/chunks/settings-password.166caa79fb8fe777fb6e.hot-update.js",
-    "/chunks/settings-password.eb81de40ca5070e1f599.hot-update.js": "/chunks/settings-password.eb81de40ca5070e1f599.hot-update.js",
-    "/chunks/settings-password.91897cf091dde9de4417.hot-update.js": "/chunks/settings-password.91897cf091dde9de4417.hot-update.js",
-    "/chunks/settings-password.6fe82a9014be1bd3b481.hot-update.js": "/chunks/settings-password.6fe82a9014be1bd3b481.hot-update.js",
-    "/chunks/settings-password.b84b0013655fd4b832ca.hot-update.js": "/chunks/settings-password.b84b0013655fd4b832ca.hot-update.js",
-    "/chunks/settings-password.5586becaf8d2c6fa5cfd.hot-update.js": "/chunks/settings-password.5586becaf8d2c6fa5cfd.hot-update.js",
-    "/chunks/settings-password.97ed2110b09e3dc4ebbb.hot-update.js": "/chunks/settings-password.97ed2110b09e3dc4ebbb.hot-update.js",
-    "/chunks/settings-password.57330e4a8ff26df72348.hot-update.js": "/chunks/settings-password.57330e4a8ff26df72348.hot-update.js",
-    "/chunks/settings-password.9b8923381b62230feb3c.hot-update.js": "/chunks/settings-password.9b8923381b62230feb3c.hot-update.js",
-    "/chunks/settings-password.43461ab8dceb3a47d5fa.hot-update.js": "/chunks/settings-password.43461ab8dceb3a47d5fa.hot-update.js",
-    "/chunks/settings-password.f889d943ee482e9f556b.hot-update.js": "/chunks/settings-password.f889d943ee482e9f556b.hot-update.js",
-    "/chunks/settings-password.cb3cf3ac8eca5dcf6f12.hot-update.js": "/chunks/settings-password.cb3cf3ac8eca5dcf6f12.hot-update.js",
-    "/chunks/settings-password.7fd6cc8f38800f3b8d95.hot-update.js": "/chunks/settings-password.7fd6cc8f38800f3b8d95.hot-update.js",
-    "/chunks/settings-password.7193e9e90397a3c94acc.hot-update.js": "/chunks/settings-password.7193e9e90397a3c94acc.hot-update.js",
-    "/chunks/settings-password.7970e03253bb782276eb.hot-update.js": "/chunks/settings-password.7970e03253bb782276eb.hot-update.js",
-    "/chunks/settings-password.4f3412e1f260e6a3ab89.hot-update.js": "/chunks/settings-password.4f3412e1f260e6a3ab89.hot-update.js",
-    "/chunks/settings-password.6041c4626a9e6d694f54.hot-update.js": "/chunks/settings-password.6041c4626a9e6d694f54.hot-update.js",
-    "/js/main.29268f8d4a6a301cc120.hot-update.js": "/js/main.29268f8d4a6a301cc120.hot-update.js",
-    "/chunks/payments/settings.29268f8d4a6a301cc120.hot-update.js": "/chunks/payments/settings.29268f8d4a6a301cc120.hot-update.js",
-    "/chunks/payments/settings~chunks/settings.js": "/chunks/payments/settings~chunks/settings.js?id=060a0470e3cacd7f5b3f",
-    "/chunks/settings.29268f8d4a6a301cc120.hot-update.js": "/chunks/settings.29268f8d4a6a301cc120.hot-update.js",
-    "/chunks/settings-password.29268f8d4a6a301cc120.hot-update.js": "/chunks/settings-password.29268f8d4a6a301cc120.hot-update.js",
-    "/chunks/settings-password.2d86cd5b15d28e9fbbbd.hot-update.js": "/chunks/settings-password.2d86cd5b15d28e9fbbbd.hot-update.js",
-    "/chunks/settings-password.d1988f8bfdfeed51d4bb.hot-update.js": "/chunks/settings-password.d1988f8bfdfeed51d4bb.hot-update.js",
-    "/chunks/settings-password.4d90534814f302964a7d.hot-update.js": "/chunks/settings-password.4d90534814f302964a7d.hot-update.js",
-    "/chunks/settings-password.52244809fcf903bcf9fa.hot-update.js": "/chunks/settings-password.52244809fcf903bcf9fa.hot-update.js",
-    "/chunks/settings-password.7d27af1538c31b662c37.hot-update.js": "/chunks/settings-password.7d27af1538c31b662c37.hot-update.js",
-    "/chunks/settings-password.fe56ba91ec7cb09f8d63.hot-update.js": "/chunks/settings-password.fe56ba91ec7cb09f8d63.hot-update.js",
-    "/chunks/settings-password.1fb4cca7f42b9ee339de.hot-update.js": "/chunks/settings-password.1fb4cca7f42b9ee339de.hot-update.js"
+    "/chunks/app-settings.08653c36bb46ecfb9646.hot-update.js": "/chunks/app-settings.08653c36bb46ecfb9646.hot-update.js",
+    "/chunks/app-settings.97a27f60116000a3144b.hot-update.js": "/chunks/app-settings.97a27f60116000a3144b.hot-update.js",
+    "/chunks/app-settings.f05d4e6c6805d393b5f3.hot-update.js": "/chunks/app-settings.f05d4e6c6805d393b5f3.hot-update.js",
+    "/chunks/app-settings.622730a11ea8d98c5a8b.hot-update.js": "/chunks/app-settings.622730a11ea8d98c5a8b.hot-update.js",
+    "/chunks/app-settings.6e609a50f794f43c07f5.hot-update.js": "/chunks/app-settings.6e609a50f794f43c07f5.hot-update.js",
+    "/js/main.1d339c5fa55344cade35.hot-update.js": "/js/main.1d339c5fa55344cade35.hot-update.js",
+    "/js/main.bca993d58ef825d5fe27.hot-update.js": "/js/main.bca993d58ef825d5fe27.hot-update.js",
+    "/chunks/app-settings.d7a0e55a2053f9bc2c48.hot-update.js": "/chunks/app-settings.d7a0e55a2053f9bc2c48.hot-update.js",
+    "/chunks/app-settings.a97d701cd95163bcd358.hot-update.js": "/chunks/app-settings.a97d701cd95163bcd358.hot-update.js",
+    "/js/main.3d4b4e48b9c429e77413.hot-update.js": "/js/main.3d4b4e48b9c429e77413.hot-update.js",
+    "/js/main.213e8d16dedc5ee0045b.hot-update.js": "/js/main.213e8d16dedc5ee0045b.hot-update.js",
+    "/js/main.9fa7eb4a23be3732de65.hot-update.js": "/js/main.9fa7eb4a23be3732de65.hot-update.js",
+    "/js/main.762823224e93c8be6b61.hot-update.js": "/js/main.762823224e93c8be6b61.hot-update.js",
+    "/chunks/payments.fffbe998e8892da6181f.hot-update.js": "/chunks/payments.fffbe998e8892da6181f.hot-update.js",
+    "/chunks/payments.79fdb2968513d7faf94d.hot-update.js": "/chunks/payments.79fdb2968513d7faf94d.hot-update.js",
+    "/chunks/app-settings.f85c26125795c4487bcd.hot-update.js": "/chunks/app-settings.f85c26125795c4487bcd.hot-update.js",
+    "/chunks/payments.c6786a8935e4fa5d5801.hot-update.js": "/chunks/payments.c6786a8935e4fa5d5801.hot-update.js",
+    "/chunks/payments.06d195eb404c9b320e07.hot-update.js": "/chunks/payments.06d195eb404c9b320e07.hot-update.js",
+    "/chunks/payments.21ac32c735a337ea10ef.hot-update.js": "/chunks/payments.21ac32c735a337ea10ef.hot-update.js",
+    "/chunks/app-settings.c1d9d6a024264cf1f0ec.hot-update.js": "/chunks/app-settings.c1d9d6a024264cf1f0ec.hot-update.js",
+    "/chunks/app-settings.5056f1f1565d600311d3.hot-update.js": "/chunks/app-settings.5056f1f1565d600311d3.hot-update.js",
+    "/chunks/settings.b62e10aa6b42914d6a18.hot-update.js": "/chunks/settings.b62e10aa6b42914d6a18.hot-update.js",
+    "/chunks/settings.d85360ec9fcc10de3dab.hot-update.js": "/chunks/settings.d85360ec9fcc10de3dab.hot-update.js",
+    "/chunks/settings.208e155b0a54936a7337.hot-update.js": "/chunks/settings.208e155b0a54936a7337.hot-update.js",
+    "/chunks/settings.d803bf03639f66ad15e5.hot-update.js": "/chunks/settings.d803bf03639f66ad15e5.hot-update.js",
+    "/chunks/settings.aa3981c82f81a89aa7e7.hot-update.js": "/chunks/settings.aa3981c82f81a89aa7e7.hot-update.js",
+    "/chunks/settings.4d044ceb1e42469b40f8.hot-update.js": "/chunks/settings.4d044ceb1e42469b40f8.hot-update.js",
+    "/chunks/settings.069335eb612983de2e53.hot-update.js": "/chunks/settings.069335eb612983de2e53.hot-update.js",
+    "/chunks/settings.358fa570d82665647780.hot-update.js": "/chunks/settings.358fa570d82665647780.hot-update.js",
+    "/chunks/settings.2e15ccec4b9acb4fe6d5.hot-update.js": "/chunks/settings.2e15ccec4b9acb4fe6d5.hot-update.js",
+    "/chunks/settings.b997e0e2a6daa654c683.hot-update.js": "/chunks/settings.b997e0e2a6daa654c683.hot-update.js",
+    "/chunks/settings.b773a069d29acb805382.hot-update.js": "/chunks/settings.b773a069d29acb805382.hot-update.js",
+    "/chunks/settings.c9d1b9f6e82853f6fd21.hot-update.js": "/chunks/settings.c9d1b9f6e82853f6fd21.hot-update.js",
+    "/chunks/settings.f6fed22993de442527ce.hot-update.js": "/chunks/settings.f6fed22993de442527ce.hot-update.js",
+    "/chunks/settings.8397dcc62c83804b8052.hot-update.js": "/chunks/settings.8397dcc62c83804b8052.hot-update.js",
+    "/chunks/settings.3608b4389b33c28afef6.hot-update.js": "/chunks/settings.3608b4389b33c28afef6.hot-update.js",
+    "/chunks/settings.2b4f867d235c08b06ff5.hot-update.js": "/chunks/settings.2b4f867d235c08b06ff5.hot-update.js",
+    "/chunks/settings.882fcb5ed1bb339624d4.hot-update.js": "/chunks/settings.882fcb5ed1bb339624d4.hot-update.js",
+    "/chunks/settings.8349a741287113a3088a.hot-update.js": "/chunks/settings.8349a741287113a3088a.hot-update.js",
+    "/chunks/settings.7cf61d72b7dd72f4c01f.hot-update.js": "/chunks/settings.7cf61d72b7dd72f4c01f.hot-update.js",
+    "/chunks/settings.a04105dd35183309f331.hot-update.js": "/chunks/settings.a04105dd35183309f331.hot-update.js",
+    "/chunks/settings.25c400e925dc0aca7cee.hot-update.js": "/chunks/settings.25c400e925dc0aca7cee.hot-update.js",
+    "/chunks/settings.945c9ae960d615f85b5d.hot-update.js": "/chunks/settings.945c9ae960d615f85b5d.hot-update.js",
+    "/chunks/settings.2928949d666a3fc9a808.hot-update.js": "/chunks/settings.2928949d666a3fc9a808.hot-update.js",
+    "/chunks/settings.93ff960eeb527f3d918f.hot-update.js": "/chunks/settings.93ff960eeb527f3d918f.hot-update.js",
+    "/chunks/settings.0313fc68689fac0c0302.hot-update.js": "/chunks/settings.0313fc68689fac0c0302.hot-update.js",
+    "/chunks/settings.65ab0e3df2faaf3361df.hot-update.js": "/chunks/settings.65ab0e3df2faaf3361df.hot-update.js",
+    "/chunks/settings.48f1cd54bbe2af60a915.hot-update.js": "/chunks/settings.48f1cd54bbe2af60a915.hot-update.js",
+    "/chunks/settings.fb5c870196b0fc1bd4bf.hot-update.js": "/chunks/settings.fb5c870196b0fc1bd4bf.hot-update.js",
+    "/chunks/settings.438ab4b19c0e40fe7ed3.hot-update.js": "/chunks/settings.438ab4b19c0e40fe7ed3.hot-update.js",
+    "/chunks/settings.0940905c5f14bc578ace.hot-update.js": "/chunks/settings.0940905c5f14bc578ace.hot-update.js",
+    "/chunks/settings.be97619af8b99074e05f.hot-update.js": "/chunks/settings.be97619af8b99074e05f.hot-update.js",
+    "/chunks/settings.3fe04023b10c81dcc8a6.hot-update.js": "/chunks/settings.3fe04023b10c81dcc8a6.hot-update.js",
+    "/chunks/user.363fbd393ba716d491c6.hot-update.js": "/chunks/user.363fbd393ba716d491c6.hot-update.js",
+    "/chunks/plan.94ff9350eb176b782678.hot-update.js": "/chunks/plan.94ff9350eb176b782678.hot-update.js",
+    "/chunks/plan.c364519465e13e5790dd.hot-update.js": "/chunks/plan.c364519465e13e5790dd.hot-update.js",
+    "/chunks/plan.09628aacfd6819e9e609.hot-update.js": "/chunks/plan.09628aacfd6819e9e609.hot-update.js",
+    "/chunks/plan.0ee922596e0d13560d6e.hot-update.js": "/chunks/plan.0ee922596e0d13560d6e.hot-update.js",
+    "/chunks/plan.7792c764fa918d9e99b4.hot-update.js": "/chunks/plan.7792c764fa918d9e99b4.hot-update.js",
+    "/chunks/app-settings.9058ecc99ab67d940ed4.hot-update.js": "/chunks/app-settings.9058ecc99ab67d940ed4.hot-update.js",
+    "/chunks/payments.9058ecc99ab67d940ed4.hot-update.js": "/chunks/payments.9058ecc99ab67d940ed4.hot-update.js",
+    "/chunks/plan.9058ecc99ab67d940ed4.hot-update.js": "/chunks/plan.9058ecc99ab67d940ed4.hot-update.js",
+    "/chunks/settings.9058ecc99ab67d940ed4.hot-update.js": "/chunks/settings.9058ecc99ab67d940ed4.hot-update.js",
+    "/chunks/user.9058ecc99ab67d940ed4.hot-update.js": "/chunks/user.9058ecc99ab67d940ed4.hot-update.js",
+    "/chunks/app-settings.a6843adde78ed94549e2.hot-update.js": "/chunks/app-settings.a6843adde78ed94549e2.hot-update.js",
+    "/chunks/payments.a6843adde78ed94549e2.hot-update.js": "/chunks/payments.a6843adde78ed94549e2.hot-update.js",
+    "/chunks/plan.a6843adde78ed94549e2.hot-update.js": "/chunks/plan.a6843adde78ed94549e2.hot-update.js",
+    "/chunks/settings.a6843adde78ed94549e2.hot-update.js": "/chunks/settings.a6843adde78ed94549e2.hot-update.js",
+    "/chunks/user.a6843adde78ed94549e2.hot-update.js": "/chunks/user.a6843adde78ed94549e2.hot-update.js",
+    "/chunks/plan.ed65335229d558713838.hot-update.js": "/chunks/plan.ed65335229d558713838.hot-update.js",
+    "/chunks/user.948696a89cc251c82ac4.hot-update.js": "/chunks/user.948696a89cc251c82ac4.hot-update.js",
+    "/chunks/settings.97ac15652e9adc123f07.hot-update.js": "/chunks/settings.97ac15652e9adc123f07.hot-update.js",
+    "/chunks/payments.cec04e1022d230b4aa98.hot-update.js": "/chunks/payments.cec04e1022d230b4aa98.hot-update.js",
+    "/chunks/payments.2f1d88ffd1666d715869.hot-update.js": "/chunks/payments.2f1d88ffd1666d715869.hot-update.js",
+    "/chunks/app-settings.2a400257d6a3778018f0.hot-update.js": "/chunks/app-settings.2a400257d6a3778018f0.hot-update.js",
+    "/chunks/app-settings.acd5e14512d04502e7f0.hot-update.js": "/chunks/app-settings.acd5e14512d04502e7f0.hot-update.js",
+    "/chunks/plan.7f6d4d5cf9f59b5fbd56.hot-update.js": "/chunks/plan.7f6d4d5cf9f59b5fbd56.hot-update.js",
+    "/chunks/app-settings.1d2d458f3ef39568f475.hot-update.js": "/chunks/app-settings.1d2d458f3ef39568f475.hot-update.js",
+    "/chunks/payments.1d2d458f3ef39568f475.hot-update.js": "/chunks/payments.1d2d458f3ef39568f475.hot-update.js",
+    "/chunks/plan.1d2d458f3ef39568f475.hot-update.js": "/chunks/plan.1d2d458f3ef39568f475.hot-update.js",
+    "/chunks/settings.1d2d458f3ef39568f475.hot-update.js": "/chunks/settings.1d2d458f3ef39568f475.hot-update.js",
+    "/chunks/user.1d2d458f3ef39568f475.hot-update.js": "/chunks/user.1d2d458f3ef39568f475.hot-update.js",
+    "/chunks/plan.eeef2f1dc5aebe845752.hot-update.js": "/chunks/plan.eeef2f1dc5aebe845752.hot-update.js",
+    "/chunks/plan.6fc8b4abb3ed16b28ad5.hot-update.js": "/chunks/plan.6fc8b4abb3ed16b28ad5.hot-update.js",
+    "/chunks/plan.5143c769beaca29b1688.hot-update.js": "/chunks/plan.5143c769beaca29b1688.hot-update.js",
+    "/chunks/plan.e56c6d7f97aa2441fa69.hot-update.js": "/chunks/plan.e56c6d7f97aa2441fa69.hot-update.js",
+    "/chunks/plan.405ad09251bfa3a34057.hot-update.js": "/chunks/plan.405ad09251bfa3a34057.hot-update.js",
+    "/chunks/app-settings.2023280bf6446eb5746e.hot-update.js": "/chunks/app-settings.2023280bf6446eb5746e.hot-update.js",
+    "/chunks/payments.2023280bf6446eb5746e.hot-update.js": "/chunks/payments.2023280bf6446eb5746e.hot-update.js",
+    "/chunks/plan.2023280bf6446eb5746e.hot-update.js": "/chunks/plan.2023280bf6446eb5746e.hot-update.js",
+    "/chunks/settings.2023280bf6446eb5746e.hot-update.js": "/chunks/settings.2023280bf6446eb5746e.hot-update.js",
+    "/chunks/user.2023280bf6446eb5746e.hot-update.js": "/chunks/user.2023280bf6446eb5746e.hot-update.js",
+    "/chunks/app-settings.a0b2bb57951c0b0c934c.hot-update.js": "/chunks/app-settings.a0b2bb57951c0b0c934c.hot-update.js",
+    "/chunks/payments.a0b2bb57951c0b0c934c.hot-update.js": "/chunks/payments.a0b2bb57951c0b0c934c.hot-update.js",
+    "/chunks/plan.a0b2bb57951c0b0c934c.hot-update.js": "/chunks/plan.a0b2bb57951c0b0c934c.hot-update.js",
+    "/chunks/settings.a0b2bb57951c0b0c934c.hot-update.js": "/chunks/settings.a0b2bb57951c0b0c934c.hot-update.js",
+    "/chunks/user.a0b2bb57951c0b0c934c.hot-update.js": "/chunks/user.a0b2bb57951c0b0c934c.hot-update.js",
+    "/chunks/app-settings.6702e3723c96d237e845.hot-update.js": "/chunks/app-settings.6702e3723c96d237e845.hot-update.js",
+    "/chunks/payments.6702e3723c96d237e845.hot-update.js": "/chunks/payments.6702e3723c96d237e845.hot-update.js",
+    "/chunks/plan.6702e3723c96d237e845.hot-update.js": "/chunks/plan.6702e3723c96d237e845.hot-update.js",
+    "/chunks/settings.6702e3723c96d237e845.hot-update.js": "/chunks/settings.6702e3723c96d237e845.hot-update.js",
+    "/chunks/user.6702e3723c96d237e845.hot-update.js": "/chunks/user.6702e3723c96d237e845.hot-update.js",
+    "/chunks/admin.f5e407f737e38afd9aff.hot-update.js": "/chunks/admin.f5e407f737e38afd9aff.hot-update.js",
+    "/chunks/settings.f5e407f737e38afd9aff.hot-update.js": "/chunks/settings.f5e407f737e38afd9aff.hot-update.js",
+    "/chunks/admin.263a6915d2b91860dc1c.hot-update.js": "/chunks/admin.263a6915d2b91860dc1c.hot-update.js",
+    "/chunks/settings.263a6915d2b91860dc1c.hot-update.js": "/chunks/settings.263a6915d2b91860dc1c.hot-update.js",
+    "/chunks/admin.ded11941df96031bd1a2.hot-update.js": "/chunks/admin.ded11941df96031bd1a2.hot-update.js",
+    "/chunks/settings.ded11941df96031bd1a2.hot-update.js": "/chunks/settings.ded11941df96031bd1a2.hot-update.js",
+    "/chunks/admin.6a1b597d11fa8878767f.hot-update.js": "/chunks/admin.6a1b597d11fa8878767f.hot-update.js",
+    "/chunks/settings.6a1b597d11fa8878767f.hot-update.js": "/chunks/settings.6a1b597d11fa8878767f.hot-update.js",
+    "/js/main.4c43d07064119aebcfb9.hot-update.js": "/js/main.4c43d07064119aebcfb9.hot-update.js"
 }
diff --git a/resources/js/components/Admin/CardNavigation.vue b/resources/js/components/Admin/CardNavigation.vue
index 75c0ca61..510b9e9a 100644
--- a/resources/js/components/Admin/CardNavigation.vue
+++ b/resources/js/components/Admin/CardNavigation.vue
@@ -1,15 +1,19 @@
 <template>
-	<div class="whitespace-nowrap overflow-x-auto">
-		<router-link
-			class="inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme"
-			:class="{'text-theme': routeName === page.route, 'dark:text-gray-400 text-gray-600': routeName !== page.route}"
-			v-for="(page, i) in pages"
-			:to="{name: page.route}"
-			:key="i"
-			replace
-		>
-			{{ page.title }}
-		</router-link>
+	<div id="card-navigation" style="height: 62px" class="mb-7">
+		<div :class="{'fixed top-0 left-0 right-0 px-6 rounded-none backdrop-filter backdrop-blur-lg dark:bg-dark-foreground bg-white bg-opacity-50 z-10': fixedNav}">
+			<div class="whitespace-nowrap overflow-x-auto">
+				<router-link
+					class="inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme"
+					:class="{'text-theme': routeName === page.route, 'dark:text-gray-100 text-gray-600': routeName !== page.route}"
+					v-for="(page, i) in pages"
+					:to="{name: page.route}"
+					:key="i"
+					replace
+				>
+					{{ page.title }}
+				</router-link>
+			</div>
+		</div>
 	</div>
 </template>
 
@@ -24,5 +28,18 @@ export default {
 			return this.$route.name
 		}
 	},
+	data() {
+		return {
+			fixedNav: false,
+		}
+	},
+	created() {
+		// Handle fixed mobile navigation
+		window.addEventListener("scroll", () => {
+			let card = document.getElementById('card-navigation')
+
+			this.fixedNav = card.getBoundingClientRect().top < 0;
+		});
+	}
 }
 </script>
\ No newline at end of file
diff --git a/resources/js/components/Spotlight/Spotlight.vue b/resources/js/components/Spotlight/Spotlight.vue
index 51ae251c..803a697a 100644
--- a/resources/js/components/Spotlight/Spotlight.vue
+++ b/resources/js/components/Spotlight/Spotlight.vue
@@ -26,7 +26,7 @@
 
 				<!--Text search field-->
 				<input
-					class="w-full border-none text-xl font-semibold placeholder-gray-700 dark:placeholder-gray-400 bg-transparent focus:outline-none"
+					class="w-full border-none sm:text-xl text-lg font-semibold placeholder-gray-700 dark:placeholder-gray-400 bg-transparent focus:outline-none"
 					v-model="query"
 					@keydown.delete="undoFilter"
 					@keydown.enter="showSelected"
@@ -516,11 +516,13 @@ export default {
 				this.results = []
 				this.actions = []
 
+			let formattedQuery = query.toLowerCase()
+
 			// Reset selection index
 			this.index = 0
 
 			// Go for filter keyword
-			let getFilterQuery = query.substr(0, 2)
+			let getFilterQuery = formattedQuery.substr(0, 2)
 
 			// search for the users
 			if (getFilterQuery === 'u ' && this.isAdmin && ! this.activeFilter) {
@@ -529,10 +531,10 @@ export default {
 
 			// Browse actions
 			if (! this.activeFilter) {
-				this.actions = this.actionList.filter(el => el.title.toLowerCase().indexOf(query) > -1).slice(0, 3)
+				this.actions = this.actionList.filter(el => el.title.toLowerCase().indexOf(formattedQuery) > -1).slice(0, 3)
 			}
 
-			this.findResult(query)
+			this.findResult(formattedQuery)
 		},
 	},
 	methods: {
diff --git a/resources/js/views/Admin/AppSettings/AppSettings.vue b/resources/js/views/Admin/AppSettings/AppSettings.vue
index 3362c301..bb09bc3c 100644
--- a/resources/js/views/Admin/AppSettings/AppSettings.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettings.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
 		<!--Page Tab links-->
-		<div class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0; padding-top: 0;">
+		<div class="card shadow-card z-10" style="padding-bottom: 0; padding-top: 0;">
 			<CardNavigation :pages="pages" class="-mx-1" />
 		</div>
 
@@ -12,7 +12,7 @@
 
 <script>
 	import CardNavigation from "../../../components/Admin/CardNavigation";
-	import {mapGetters} from 'vuex'
+
 
 	export default {
 		name: 'AppSettings',
diff --git a/resources/js/views/Admin/PaymentSettings/PaymentSettings.vue b/resources/js/views/Admin/PaymentSettings/PaymentSettings.vue
index 4e7f6e74..a5c20e8b 100644
--- a/resources/js/views/Admin/PaymentSettings/PaymentSettings.vue
+++ b/resources/js/views/Admin/PaymentSettings/PaymentSettings.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
 		<!--Page Tab links-->
-		<div class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0; padding-top: 0;">
+		<div class="card shadow-card z-10" style="padding-bottom: 0; padding-top: 0;">
 			<CardNavigation :pages="pages" class="-mx-1" />
 		</div>
 
diff --git a/resources/js/views/Admin/Plans/FixedPlan.vue b/resources/js/views/Admin/Plans/FixedPlan.vue
index c417fd0b..58592796 100644
--- a/resources/js/views/Admin/Plans/FixedPlan.vue
+++ b/resources/js/views/Admin/Plans/FixedPlan.vue
@@ -3,10 +3,10 @@
 		<div v-if="plan" class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0">
 
 			<div class="mb-2">
-				<h1 class="font-bold text-xl">
+				<h1 class="font-bold sm:text-xl text-lg">
 					{{ plan.attributes.name }}
 				</h1>
-				<small class="text-sm font-bold text-gray-500">
+				<small class="sm:text-sm text-xs font-bold text-gray-500">
 					{{ plan.attributes.price }} / {{ $t(`interval.${plan.attributes.interval}`) }}
 				</small>
 			</div>
diff --git a/resources/js/views/Admin/Plans/MeteredPlan.vue b/resources/js/views/Admin/Plans/MeteredPlan.vue
index 1e8ace78..01e898a7 100644
--- a/resources/js/views/Admin/Plans/MeteredPlan.vue
+++ b/resources/js/views/Admin/Plans/MeteredPlan.vue
@@ -3,15 +3,16 @@
 		<div v-if="plan" class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0;">
 
 			<div class="mb-2">
-				<h1 class="font-bold text-xl">
+				<h1 class="font-bold sm:text-xl text-lg">
 					{{ plan.attributes.name }}
 				</h1>
-				<small class="text-sm font-bold text-gray-500">
+				<small class="sm:text-sm text-xs font-bold text-gray-500">
 					{{ $t('30 Days intervals') }}
 				</small>
 			</div>
 
-			<CardNavigation :pages="pages" class="-mx-1.5" />
+			<!--Navigation-->
+			<CardNavigation :pages="pages" class="-mx-1" />
 		</div>
 
 		<router-view v-if="! isLoading" :plan="plan" />
diff --git a/resources/js/views/MobileNavigationToolbar.vue b/resources/js/views/MobileNavigationToolbar.vue
index 1f20426d..65332e90 100644
--- a/resources/js/views/MobileNavigationToolbar.vue
+++ b/resources/js/views/MobileNavigationToolbar.vue
@@ -3,27 +3,33 @@
 
 		<!-- Go back-->
 		<div @click="$router.back()" class="go-back-button flex text-left items-center cursor-pointer">
-			<chevron-left-icon size="17" class="transform align-middle mr-2 -ml-1" />
+			<chevron-left-icon size="17" class="transform align-middle mr-2 -ml-1 dark:text-gray-100 vue-feather" />
 
-			<!--Folder Title-->
-			<div class="text-sm align-middle font-bold overflow-hidden overflow-ellipsis inline-block whitespace-nowrap transition-all duration-200" style="max-width: 200px;">
+			<!--Location Title-->
+			<div class="text-sm dark:text-gray-100 align-middle font-bold overflow-hidden overflow-ellipsis inline-block whitespace-nowrap transition-all duration-200" style="max-width: 200px;">
 				{{ locationName }}
 			</div>
 		</div>
 
 		<!--More Actions-->
-		<div @click="$showMobileMenu('user-navigation')" class="pr-2 cursor-pointer">
-			<menu-icon size="17" />
+		<div class="flex items-center">
+			<div @click="$openSpotlight()" class="px-2 mr-4 cursor-pointer">
+				<search-icon size="17" class="vue-feather dark:text-gray-100" />
+			</div>
+			<div @click="$showMobileMenu('user-navigation')" class="pr-2 cursor-pointer">
+				<menu-icon size="17" class="vue-feather dark:text-gray-100" />
+			</div>
 		</div>
 	</div>
 </template>
 <script>
-    import {MenuIcon, ChevronLeftIcon } from 'vue-feather-icons'
+    import {MenuIcon, ChevronLeftIcon, SearchIcon } from 'vue-feather-icons'
 
 	export default {
 		name: 'MobileNavigationToolbar',
 		components: {
 			ChevronLeftIcon,
+			SearchIcon,
 			MenuIcon,
 		},
 		computed: {
diff --git a/resources/js/views/Profile.vue b/resources/js/views/Profile.vue
index d43c7125..08035346 100644
--- a/resources/js/views/Profile.vue
+++ b/resources/js/views/Profile.vue
@@ -30,27 +30,27 @@
             <div v-if="! isLoading" id="page-content">
 
 				<div class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0">
-					<!--User thumbnail-->
-                    <div class="mb-3">
-                        <div class="user-thumbnail">
-                            <div class="avatar">
-                                <UserImageInput
-									v-model="avatar"
-									:avatar="user.data.relationships.settings.data.attributes.avatar.md"
-								/>
-                            </div>
-                            <div class="info">
-                                <b class="name">
-                                    {{ user.data.relationships.settings.data.attributes.first_name }} {{ user.data.relationships.settings.data.attributes.last_name }}
 
-                                    <ColorLabel v-if="this.config.subscriptionType === 'fixed'" :color="subscriptionColor">
-                                        {{ subscriptionStatus }}
-                                    </ColorLabel>
-                                </b>
-                                <span class="email">{{ user.data.attributes.email }}</span>
-                            </div>
-                        </div>
-                    </div>
+					<!--User thumbnail-->
+					<div class="flex items-center mb-3">
+
+						<!--Image input for replace avatar-->
+						<UserImageInput v-model="avatar" :avatar="user.data.relationships.settings.data.attributes.avatar.md" />
+
+						<!--User name & email-->
+						<div class="pl-4">
+							<b class="sm:text-lg text-md font-bold block sm:leading-6 leading-3">
+								{{ user.data.relationships.settings.data.attributes.first_name }} {{ user.data.relationships.settings.data.attributes.last_name }}
+
+								<ColorLabel v-if="config.subscriptionType === 'fixed'" :color="subscriptionColor">
+									{{ subscriptionStatus }}
+								</ColorLabel>
+							</b>
+							<span class="sm:text-sm text-xs text-gray-600">
+								{{ user.data.attributes.email }}
+							</span>
+						</div>
+					</div>
 
 					<CardNavigation :pages="pages" class="-mx-1" />
 				</div>
@@ -155,70 +155,9 @@
         },
         data() {
             return {
-                avatar: undefined,
+				avatar: undefined,
                 isLoading: false,
             }
-        },
-		created() {
-			//setTimeout(() => this.$openUpgradeOptions(), 300)
-		}
+        }
 	}
 </script>
-
-<style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-
-    .user-thumbnail {
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-
-        .avatar {
-            margin-right: 20px;
-
-            img {
-                line-height: 0;
-                width: 62px;
-                height: 62px;
-                border-radius: 12px;
-                z-index: 1;
-                position: relative;
-            }
-        }
-
-        .info {
-
-            .name {
-                display: block;
-                @include font-size(17);
-                line-height: 1;
-            }
-
-            .email {
-                color: $text-muted;
-                @include font-size(14);
-            }
-        }
-    }
-
-    .message-box {
-        margin-top: -15px;
-    }
-
-    .dark {
-        .user-thumbnail {
-
-            .info {
-
-                .name {
-                    color: $dark_mode_text_primary;
-                }
-
-                .email {
-                    color: $dark_mode_text_secondary;
-                }
-            }
-        }
-    }
-</style>
diff --git a/tailwind.config.js b/tailwind.config.js
index 1571757c..48afbd77 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -62,5 +62,6 @@ module.exports = {
 	},
 	plugins: [
 		require('tailwindcss-debug-screens'),
+		require('tailwind-scrollbar-hide'),
 	],
 }