From b456a562a07f2907aa43149058fb76558d03b64f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Tue, 18 Jan 2022 16:43:50 +0100
Subject: [PATCH] sing up forms refactoring

---
 public/mix-manifest.json                      | 196 ++++++++++++++--
 resources/js/views/Auth/CreateNewPassword.vue |  58 +++--
 resources/js/views/Auth/SignIn.vue            |  16 +-
 resources/js/views/Auth/SignUp.vue            | 115 +++++-----
 .../js/views/SetupWizard/BillingsDetail.vue   |   1 -
 resources/js/views/SetupWizard/Database.vue   |   1 -
 .../SetupWizard/InstallationDisclaimer.vue    |   1 -
 .../js/views/SetupWizard/PurchaseCode.vue     |   1 -
 .../views/SetupWizard/StripeCredentials.vue   |   1 -
 .../views/SetupWizard/SubscriptionService.vue |   1 -
 .../js/views/Shared/SharedAuthentication.vue  |  48 ++--
 resources/js/views/Teams/Invitation.vue       |  50 ++---
 resources/sass/vuefilemanager/_auth-form.scss | 211 ------------------
 13 files changed, 290 insertions(+), 410 deletions(-)
 delete mode 100644 resources/sass/vuefilemanager/_auth-form.scss

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index e293fa8f..f8f284d5 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -3,7 +3,7 @@
     "/css/app.css": "/css/app.css",
     "/css/tailwind.css": "/css/tailwind.css",
     "/chunks/admin.js": "/chunks/admin.js?id=9cd48b7dbccd9d558e4b",
-    "/chunks/admin-account.js": "/chunks/admin-account.js?id=c172247a5a91d072e2f9",
+    "/chunks/admin-account.js": "/chunks/admin-account.js?id=6e28465565ea92af804f",
     "/chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app-others~chunk~9f5cf693.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app-others~chunk~9f5cf693.js?id=b315e8dcb5e79c1c8e7c",
     "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app~f4e3acb1.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app~f4e3acb1.js?id=08ee54ab4c19d49dc342",
     "/chunks/admin~chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/plans~chunk~31d2e0e5.js": "/chunks/admin~chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/plans~chunk~31d2e0e5.js?id=45350439fb9bcb879f5b",
@@ -26,32 +26,32 @@
     "/chunks/app-others.js": "/chunks/app-others.js?id=ed899e0c8ae8aa1c7741",
     "/chunks/app-others~chunks/payments/settings.js": "/chunks/app-others~chunks/payments/settings.js?id=424227e684cd16e77cdc",
     "/chunks/app-settings.js": "/chunks/app-settings.js?id=62ce73b2d66590912cbc",
-    "/chunks/app-setup.js": "/chunks/app-setup.js?id=10fa89a1a5e13ae680bc",
+    "/chunks/app-setup.js": "/chunks/app-setup.js?id=eccbfcc8ca52a7739539",
     "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~2c1222b7.js": "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~2c1222b7.js?id=b682e4878db95a25b31f",
     "/chunks/billing.js": "/chunks/billing.js?id=d447a1d429f6076777ae",
-    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=8a4cc0b327ac0f3c54e6",
+    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=8d98791de2ec92174b6e",
     "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js?id=4714188c1549bd8829ab",
     "/chunks/billing~chunks/settings-storage~chunks/user-storage~chunks/user-subscription.js": "/chunks/billing~chunks/settings-storage~chunks/user-storage~chunks/user-subscription.js?id=669bd6d15cfa4c6e75df",
     "/chunks/contact-us.js": "/chunks/contact-us.js?id=b4409faf276c7a152cd4",
     "/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=8b89c0f8bd3fa996e8e8",
+    "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=ff5ae86590a117661ac1",
     "/chunks/dashboard.js": "/chunks/dashboard.js?id=1e356001cbd178279e37",
     "/chunks/dashboard~chunks/plan-subscribers~chunks/users.js": "/chunks/dashboard~chunks/plan-subscribers~chunks/users.js?id=9bb04319263a6c0742f0",
-    "/chunks/database.js": "/chunks/database.js?id=f33be4a35e39e30f1609",
+    "/chunks/database.js": "/chunks/database.js?id=38021b64e8ab2d213c19",
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
-    "/chunks/email-verified.js": "/chunks/email-verified.js?id=64d6fd4f8f1e16100fc6",
-    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=f8c2898827b9ea0ef982",
+    "/chunks/email-verified.js": "/chunks/email-verified.js?id=fcba9acf60a855b730d5",
+    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=cb6691f996a6ea765b4d",
     "/chunks/files.js": "/chunks/files.js?id=f0a4d97bafb958087749",
     "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=64ac90ff8ae7d3ee3ed1",
     "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=fd09338f95a63dfa9f95",
     "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js?id=95a21dc98f0b9a5ba0cb",
-    "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=eb06c41efaf04f2e9413",
+    "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=7fe909d93242299552ec",
     "/chunks/homepage.js": "/chunks/homepage.js?id=6a14173a7751010222ed",
-    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=6d920c5b09b6de25aaba",
-    "/chunks/invitation.js": "/chunks/invitation.js?id=905a10819e1e9794b13f",
+    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=103caafd51390f5c7896",
+    "/chunks/invitation.js": "/chunks/invitation.js?id=ce0aa06dd9c62f505b9b",
     "/chunks/invoices.js": "/chunks/invoices.js?id=2e6f38d77e5dfd6cd38b",
     "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=ef0a2dbe808eaee42c1f",
-    "/chunks/not-found.js": "/chunks/not-found.js?id=4da8205329a1e3376af4",
+    "/chunks/not-found.js": "/chunks/not-found.js?id=bd6cc309172531900b13",
     "/chunks/page-edit.js": "/chunks/page-edit.js?id=1ce1c4f40fbb672c6c3e",
     "/chunks/pages.js": "/chunks/pages.js?id=fc74b3c4250317f9955f",
     "/chunks/payments.js": "/chunks/payments.js?id=56a633689fc98ab71b92",
@@ -69,7 +69,7 @@
     "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=ca9ca67afd5839597647",
     "/chunks/profile.js": "/chunks/profile.js?id=8688d9c7ff850e6989e6",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=a81388efd770d51f8a9c",
-    "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=b1f8cdfae5e625155e4d",
+    "/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=d43d99bf7a6bdbe4f526",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=9da02abf646fe0b340ce",
@@ -79,18 +79,18 @@
     "/chunks/shared.js": "/chunks/shared.js?id=db60726012b6d246bd77",
     "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=f8da9fc2e251efc885f5",
     "/chunks/shared-with-me~chunks/team-folders.js": "/chunks/shared-with-me~chunks/team-folders.js?id=abf65131397ea2b12355",
-    "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=a0d1efd7870be5bad8a5",
+    "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=09f54f209289c79ccc33",
     "/chunks/shared/files.js": "/chunks/shared/files.js?id=75150f652f04adac3f7a",
     "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=1abb5dd58d0ed626cd6e",
-    "/chunks/sign-in.js": "/chunks/sign-in.js?id=6036379138f456dbbb21",
-    "/chunks/sign-up.js": "/chunks/sign-up.js?id=c483af6de2649210c5dd",
-    "/chunks/status-check.js": "/chunks/status-check.js?id=28124f2363fb03fcea7a",
-    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=3b189277287e79e4f8ba",
-    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=d52afb2a10b55159d47e",
-    "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=72873b5cd623cd482786",
+    "/chunks/sign-in.js": "/chunks/sign-in.js?id=e716349738364703249e",
+    "/chunks/sign-up.js": "/chunks/sign-up.js?id=fad3661258b19f8fafbb",
+    "/chunks/status-check.js": "/chunks/status-check.js?id=6e73b0735b7d7c45f712",
+    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=a91cba41a099c8ecad24",
+    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=5238c711e2b9af197b22",
+    "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=3fffee3b8bab3e23ba18",
     "/chunks/subscriptions.js": "/chunks/subscriptions.js?id=35bad12ad938c334ce10",
     "/chunks/team-folders.js": "/chunks/team-folders.js?id=db36b092a62ab2f8b7dd",
-    "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=552cb18c5d979aaf0014",
+    "/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-create.js": "/chunks/user-create.js?id=ec5e0749e0fc93be4664",
@@ -532,5 +532,159 @@
     "/chunks/forgotten-password.8f9b01a1cef7e981ba08.hot-update.js": "/chunks/forgotten-password.8f9b01a1cef7e981ba08.hot-update.js",
     "/chunks/forgotten-password.8b70a6d33c608b500051.hot-update.js": "/chunks/forgotten-password.8b70a6d33c608b500051.hot-update.js",
     "/chunks/forgotten-password.235e396ca1e2103af859.hot-update.js": "/chunks/forgotten-password.235e396ca1e2103af859.hot-update.js",
-    "/chunks/create-new-password.3c8ae1b33cf0a53b9eba.hot-update.js": "/chunks/create-new-password.3c8ae1b33cf0a53b9eba.hot-update.js"
+    "/chunks/create-new-password.3c8ae1b33cf0a53b9eba.hot-update.js": "/chunks/create-new-password.3c8ae1b33cf0a53b9eba.hot-update.js",
+    "/chunks/sign-up.b7d4ec2da47e1473d534.hot-update.js": "/chunks/sign-up.b7d4ec2da47e1473d534.hot-update.js",
+    "/chunks/sign-up.fe010d51957e0867d800.hot-update.js": "/chunks/sign-up.fe010d51957e0867d800.hot-update.js",
+    "/chunks/sign-up.681f9bebddb4c13c53dd.hot-update.js": "/chunks/sign-up.681f9bebddb4c13c53dd.hot-update.js",
+    "/chunks/sign-up.f8bc89e01aa79690b249.hot-update.js": "/chunks/sign-up.f8bc89e01aa79690b249.hot-update.js",
+    "/chunks/sign-up.c3049c019032f719241c.hot-update.js": "/chunks/sign-up.c3049c019032f719241c.hot-update.js",
+    "/chunks/sign-up.dcb57f758119ffa3d7b9.hot-update.js": "/chunks/sign-up.dcb57f758119ffa3d7b9.hot-update.js",
+    "/chunks/sign-up.8e04ca30fdf58866a3fc.hot-update.js": "/chunks/sign-up.8e04ca30fdf58866a3fc.hot-update.js",
+    "/chunks/sign-up.3a4bd63d1a6a3e8625ae.hot-update.js": "/chunks/sign-up.3a4bd63d1a6a3e8625ae.hot-update.js",
+    "/chunks/sign-up.2b77148d673235c249ce.hot-update.js": "/chunks/sign-up.2b77148d673235c249ce.hot-update.js",
+    "/chunks/sign-up.02c1592c5f2d5b65959b.hot-update.js": "/chunks/sign-up.02c1592c5f2d5b65959b.hot-update.js",
+    "/chunks/sign-up.146e6d674af79ffdc407.hot-update.js": "/chunks/sign-up.146e6d674af79ffdc407.hot-update.js",
+    "/chunks/sign-up.7464bac442c3ab3c1827.hot-update.js": "/chunks/sign-up.7464bac442c3ab3c1827.hot-update.js",
+    "/chunks/sign-up.0e69208491f80679130d.hot-update.js": "/chunks/sign-up.0e69208491f80679130d.hot-update.js",
+    "/chunks/sign-up.18a953733a3e70f3800e.hot-update.js": "/chunks/sign-up.18a953733a3e70f3800e.hot-update.js",
+    "/chunks/sign-up.116c7c9b047ab7495094.hot-update.js": "/chunks/sign-up.116c7c9b047ab7495094.hot-update.js",
+    "/chunks/sign-up.fdca02d4b9793e8e5916.hot-update.js": "/chunks/sign-up.fdca02d4b9793e8e5916.hot-update.js",
+    "/chunks/sign-up.02c8b379931a86f0c3de.hot-update.js": "/chunks/sign-up.02c8b379931a86f0c3de.hot-update.js",
+    "/chunks/sign-up.784e16517dbb4b3ffd74.hot-update.js": "/chunks/sign-up.784e16517dbb4b3ffd74.hot-update.js",
+    "/chunks/sign-up.d554141f391123e990f3.hot-update.js": "/chunks/sign-up.d554141f391123e990f3.hot-update.js",
+    "/chunks/sign-up.fe22eda7aa9d17284f66.hot-update.js": "/chunks/sign-up.fe22eda7aa9d17284f66.hot-update.js",
+    "/chunks/sign-up.413b009b41edb6d043d9.hot-update.js": "/chunks/sign-up.413b009b41edb6d043d9.hot-update.js",
+    "/chunks/sign-up.97d2a637389f203f9058.hot-update.js": "/chunks/sign-up.97d2a637389f203f9058.hot-update.js",
+    "/chunks/sign-up.46609dcc7d781e0e6b0a.hot-update.js": "/chunks/sign-up.46609dcc7d781e0e6b0a.hot-update.js",
+    "/chunks/sign-up.452318c4000161dd41db.hot-update.js": "/chunks/sign-up.452318c4000161dd41db.hot-update.js",
+    "/chunks/sign-up.797ea4eba1ea762c69cd.hot-update.js": "/chunks/sign-up.797ea4eba1ea762c69cd.hot-update.js",
+    "/chunks/sign-up.a98ddd37ce06cabaa74f.hot-update.js": "/chunks/sign-up.a98ddd37ce06cabaa74f.hot-update.js",
+    "/chunks/sign-up.a13619d8faccdcd92ac6.hot-update.js": "/chunks/sign-up.a13619d8faccdcd92ac6.hot-update.js",
+    "/chunks/sign-up.7877fadc1e2b1ae03ad5.hot-update.js": "/chunks/sign-up.7877fadc1e2b1ae03ad5.hot-update.js",
+    "/chunks/sign-up.3d057705526026006992.hot-update.js": "/chunks/sign-up.3d057705526026006992.hot-update.js",
+    "/chunks/sign-up.2137a4ec0dcf2f7793e2.hot-update.js": "/chunks/sign-up.2137a4ec0dcf2f7793e2.hot-update.js",
+    "/chunks/sign-up.cd8ec219d31d4dfe6696.hot-update.js": "/chunks/sign-up.cd8ec219d31d4dfe6696.hot-update.js",
+    "/chunks/sign-up.de9b73f9e8bfd3e14a2f.hot-update.js": "/chunks/sign-up.de9b73f9e8bfd3e14a2f.hot-update.js",
+    "/chunks/sign-up.1837f26103f9ae935005.hot-update.js": "/chunks/sign-up.1837f26103f9ae935005.hot-update.js",
+    "/chunks/sign-up.29254846c37f1dee55e1.hot-update.js": "/chunks/sign-up.29254846c37f1dee55e1.hot-update.js",
+    "/chunks/sign-up.edf8cdddc765e57be5bb.hot-update.js": "/chunks/sign-up.edf8cdddc765e57be5bb.hot-update.js",
+    "/chunks/sign-up.7da6dcb65ff2f57cc3bd.hot-update.js": "/chunks/sign-up.7da6dcb65ff2f57cc3bd.hot-update.js",
+    "/chunks/sign-up.3bbc4cdaa20601664cdb.hot-update.js": "/chunks/sign-up.3bbc4cdaa20601664cdb.hot-update.js",
+    "/chunks/sign-up.7a0f0637c3891e951695.hot-update.js": "/chunks/sign-up.7a0f0637c3891e951695.hot-update.js",
+    "/chunks/sign-up.8a7bc935ca09a14a1402.hot-update.js": "/chunks/sign-up.8a7bc935ca09a14a1402.hot-update.js",
+    "/chunks/sign-up.c14f6d0445850f024b7b.hot-update.js": "/chunks/sign-up.c14f6d0445850f024b7b.hot-update.js",
+    "/chunks/sign-up.08f5fc03b0b82c1c922c.hot-update.js": "/chunks/sign-up.08f5fc03b0b82c1c922c.hot-update.js",
+    "/chunks/sign-up.eecd5800b6a6cfa0f66b.hot-update.js": "/chunks/sign-up.eecd5800b6a6cfa0f66b.hot-update.js",
+    "/chunks/sign-up.d0f53417e07bae8642d5.hot-update.js": "/chunks/sign-up.d0f53417e07bae8642d5.hot-update.js",
+    "/chunks/sign-up.58715df9bf0f9e86d316.hot-update.js": "/chunks/sign-up.58715df9bf0f9e86d316.hot-update.js",
+    "/chunks/sign-up.f5a4d6ff502e739db69e.hot-update.js": "/chunks/sign-up.f5a4d6ff502e739db69e.hot-update.js",
+    "/chunks/sign-up.1edb766d2bd615603878.hot-update.js": "/chunks/sign-up.1edb766d2bd615603878.hot-update.js",
+    "/chunks/sign-up.8720ef48f17719220513.hot-update.js": "/chunks/sign-up.8720ef48f17719220513.hot-update.js",
+    "/chunks/sign-up.1a5558865ccc1a15e514.hot-update.js": "/chunks/sign-up.1a5558865ccc1a15e514.hot-update.js",
+    "/chunks/sign-up.88247e35ea042c56ad9e.hot-update.js": "/chunks/sign-up.88247e35ea042c56ad9e.hot-update.js",
+    "/chunks/sign-up.6a219ad65c1a90e088b3.hot-update.js": "/chunks/sign-up.6a219ad65c1a90e088b3.hot-update.js",
+    "/chunks/sign-up.c90f501970faa8cba88e.hot-update.js": "/chunks/sign-up.c90f501970faa8cba88e.hot-update.js",
+    "/chunks/sign-up.715b76eda2a035fbdd14.hot-update.js": "/chunks/sign-up.715b76eda2a035fbdd14.hot-update.js",
+    "/chunks/create-new-password.08989cd12118cc53d436.hot-update.js": "/chunks/create-new-password.08989cd12118cc53d436.hot-update.js",
+    "/chunks/create-new-password.c429fb3135545069cd0a.hot-update.js": "/chunks/create-new-password.c429fb3135545069cd0a.hot-update.js",
+    "/chunks/create-new-password.529bd56f2e9bf72d99b3.hot-update.js": "/chunks/create-new-password.529bd56f2e9bf72d99b3.hot-update.js",
+    "/chunks/create-new-password.d03deaa5565bfd6ea16a.hot-update.js": "/chunks/create-new-password.d03deaa5565bfd6ea16a.hot-update.js",
+    "/chunks/create-new-password.4631bbaa7879b08f5cc2.hot-update.js": "/chunks/create-new-password.4631bbaa7879b08f5cc2.hot-update.js",
+    "/chunks/create-new-password.ff6f092d32d936415c97.hot-update.js": "/chunks/create-new-password.ff6f092d32d936415c97.hot-update.js",
+    "/chunks/sign-up.500864f891e2e6b91981.hot-update.js": "/chunks/sign-up.500864f891e2e6b91981.hot-update.js",
+    "/chunks/create-new-password.ba40a91fc6d7b12d8eb4.hot-update.js": "/chunks/create-new-password.ba40a91fc6d7b12d8eb4.hot-update.js",
+    "/chunks/create-new-password.71ff0e1d567d7f8bd7e2.hot-update.js": "/chunks/create-new-password.71ff0e1d567d7f8bd7e2.hot-update.js",
+    "/chunks/create-new-password.1cca19a8c58d1011071f.hot-update.js": "/chunks/create-new-password.1cca19a8c58d1011071f.hot-update.js",
+    "/chunks/create-new-password.f2df42332f5578f39ee0.hot-update.js": "/chunks/create-new-password.f2df42332f5578f39ee0.hot-update.js",
+    "/chunks/create-new-password.7faaddc424f9096f6d4f.hot-update.js": "/chunks/create-new-password.7faaddc424f9096f6d4f.hot-update.js",
+    "/chunks/create-new-password.4a32444c9821d6fc6992.hot-update.js": "/chunks/create-new-password.4a32444c9821d6fc6992.hot-update.js",
+    "/chunks/create-new-password.1f7da418a821b056e553.hot-update.js": "/chunks/create-new-password.1f7da418a821b056e553.hot-update.js",
+    "/chunks/create-new-password.b65129d34b9b05d7492f.hot-update.js": "/chunks/create-new-password.b65129d34b9b05d7492f.hot-update.js",
+    "/chunks/create-new-password.bac9169e003295c668d0.hot-update.js": "/chunks/create-new-password.bac9169e003295c668d0.hot-update.js",
+    "/chunks/create-new-password.876d7637e7724520186f.hot-update.js": "/chunks/create-new-password.876d7637e7724520186f.hot-update.js",
+    "/chunks/create-new-password.2a4b849dc8e5e4b3033e.hot-update.js": "/chunks/create-new-password.2a4b849dc8e5e4b3033e.hot-update.js",
+    "/chunks/create-new-password.dea217ee45a0582f66c2.hot-update.js": "/chunks/create-new-password.dea217ee45a0582f66c2.hot-update.js",
+    "/chunks/create-new-password.47d4475362322aa6ffdb.hot-update.js": "/chunks/create-new-password.47d4475362322aa6ffdb.hot-update.js",
+    "/chunks/create-new-password.43e7778c6a5d3fdfce4a.hot-update.js": "/chunks/create-new-password.43e7778c6a5d3fdfce4a.hot-update.js",
+    "/chunks/create-new-password.55bdc23e888cf3fb6274.hot-update.js": "/chunks/create-new-password.55bdc23e888cf3fb6274.hot-update.js",
+    "/chunks/create-new-password.dbc07251562da860593a.hot-update.js": "/chunks/create-new-password.dbc07251562da860593a.hot-update.js",
+    "/chunks/create-new-password.57fc4aa14c8a9bcf5427.hot-update.js": "/chunks/create-new-password.57fc4aa14c8a9bcf5427.hot-update.js",
+    "/chunks/create-new-password.a09d581d2e31079d1418.hot-update.js": "/chunks/create-new-password.a09d581d2e31079d1418.hot-update.js",
+    "/chunks/sign-up.49ad8b56a1a07b99f539.hot-update.js": "/chunks/sign-up.49ad8b56a1a07b99f539.hot-update.js",
+    "/chunks/create-new-password.bde7f6eae0ec7b60989d.hot-update.js": "/chunks/create-new-password.bde7f6eae0ec7b60989d.hot-update.js",
+    "/chunks/create-new-password.a260b3609adef0573669.hot-update.js": "/chunks/create-new-password.a260b3609adef0573669.hot-update.js",
+    "/chunks/create-new-password.2bc2270a2468b47db617.hot-update.js": "/chunks/create-new-password.2bc2270a2468b47db617.hot-update.js",
+    "/chunks/create-new-password.02f60dca465a834d53d2.hot-update.js": "/chunks/create-new-password.02f60dca465a834d53d2.hot-update.js",
+    "/chunks/create-new-password.490fe86e6531b7644b5e.hot-update.js": "/chunks/create-new-password.490fe86e6531b7644b5e.hot-update.js",
+    "/chunks/create-new-password.2c1a2b925b4afbb16673.hot-update.js": "/chunks/create-new-password.2c1a2b925b4afbb16673.hot-update.js",
+    "/chunks/create-new-password.2211264f6f9d521ac8dc.hot-update.js": "/chunks/create-new-password.2211264f6f9d521ac8dc.hot-update.js",
+    "/chunks/create-new-password.bdd6ae111be027c3ce7f.hot-update.js": "/chunks/create-new-password.bdd6ae111be027c3ce7f.hot-update.js",
+    "/chunks/sign-up.ab3c05a9e4d8284d363d.hot-update.js": "/chunks/sign-up.ab3c05a9e4d8284d363d.hot-update.js",
+    "/chunks/sign-in.a6eb92db4f0510ad0b60.hot-update.js": "/chunks/sign-in.a6eb92db4f0510ad0b60.hot-update.js",
+    "/chunks/sign-in.5b1b1b6a13116f17e4d6.hot-update.js": "/chunks/sign-in.5b1b1b6a13116f17e4d6.hot-update.js",
+    "/chunks/sign-in.d9f40301dc20705d2fcd.hot-update.js": "/chunks/sign-in.d9f40301dc20705d2fcd.hot-update.js",
+    "/chunks/sign-in.48c7c26de86a99dc9e11.hot-update.js": "/chunks/sign-in.48c7c26de86a99dc9e11.hot-update.js",
+    "/chunks/sign-in.e4d5d7dbaedb0377b9a5.hot-update.js": "/chunks/sign-in.e4d5d7dbaedb0377b9a5.hot-update.js",
+    "/chunks/sign-in.7d230293b2336a5edbc5.hot-update.js": "/chunks/sign-in.7d230293b2336a5edbc5.hot-update.js",
+    "/chunks/sign-in.421b9f713ff587ca2938.hot-update.js": "/chunks/sign-in.421b9f713ff587ca2938.hot-update.js",
+    "/chunks/sign-in.5a0101886bf9d08ab981.hot-update.js": "/chunks/sign-in.5a0101886bf9d08ab981.hot-update.js",
+    "/chunks/sign-in.d498ecb93204c366bd6c.hot-update.js": "/chunks/sign-in.d498ecb93204c366bd6c.hot-update.js",
+    "/chunks/sign-in.ddf362b502c9a7380d19.hot-update.js": "/chunks/sign-in.ddf362b502c9a7380d19.hot-update.js",
+    "/chunks/sign-in.b3ce16a5027ba337a39b.hot-update.js": "/chunks/sign-in.b3ce16a5027ba337a39b.hot-update.js",
+    "/chunks/sign-in.61d9fe8b8aea0f1418da.hot-update.js": "/chunks/sign-in.61d9fe8b8aea0f1418da.hot-update.js",
+    "/chunks/invitation.34c008c8a681846b52bd.hot-update.js": "/chunks/invitation.34c008c8a681846b52bd.hot-update.js",
+    "/chunks/create-new-password.ef08c0ec84bc1ccd8f12.hot-update.js": "/chunks/create-new-password.ef08c0ec84bc1ccd8f12.hot-update.js",
+    "/chunks/invitation.eb2511c5a53dfddf404e.hot-update.js": "/chunks/invitation.eb2511c5a53dfddf404e.hot-update.js",
+    "/chunks/invitation.4cce6f079936e4ce29d2.hot-update.js": "/chunks/invitation.4cce6f079936e4ce29d2.hot-update.js",
+    "/chunks/invitation.67639aea0aa52340a778.hot-update.js": "/chunks/invitation.67639aea0aa52340a778.hot-update.js",
+    "/chunks/invitation.4192df0d74ee790ed64e.hot-update.js": "/chunks/invitation.4192df0d74ee790ed64e.hot-update.js",
+    "/chunks/invitation.153fd8a12115076c28cc.hot-update.js": "/chunks/invitation.153fd8a12115076c28cc.hot-update.js",
+    "/chunks/invitation.5290de294421c5af0d90.hot-update.js": "/chunks/invitation.5290de294421c5af0d90.hot-update.js",
+    "/chunks/invitation.25ecdd2115abf6cb43ea.hot-update.js": "/chunks/invitation.25ecdd2115abf6cb43ea.hot-update.js",
+    "/chunks/invitation.f766ab5b9665133c42a2.hot-update.js": "/chunks/invitation.f766ab5b9665133c42a2.hot-update.js",
+    "/chunks/invitation.7045ed937f22374cda83.hot-update.js": "/chunks/invitation.7045ed937f22374cda83.hot-update.js",
+    "/chunks/invitation.271aa1fc9c1c56d0b830.hot-update.js": "/chunks/invitation.271aa1fc9c1c56d0b830.hot-update.js",
+    "/chunks/invitation.7de4c2b5d61c91a647d3.hot-update.js": "/chunks/invitation.7de4c2b5d61c91a647d3.hot-update.js",
+    "/chunks/invitation.3a535f0c56e2939eaa50.hot-update.js": "/chunks/invitation.3a535f0c56e2939eaa50.hot-update.js",
+    "/chunks/invitation.88b572e43f6e763856b5.hot-update.js": "/chunks/invitation.88b572e43f6e763856b5.hot-update.js",
+    "/chunks/invitation.862de1e082f861f6ba01.hot-update.js": "/chunks/invitation.862de1e082f861f6ba01.hot-update.js",
+    "/chunks/invitation.de0df5c4c805b5ce0bb1.hot-update.js": "/chunks/invitation.de0df5c4c805b5ce0bb1.hot-update.js",
+    "/chunks/invitation.4db5bd8a6831838501b7.hot-update.js": "/chunks/invitation.4db5bd8a6831838501b7.hot-update.js",
+    "/chunks/invitation.3eda42ab6a5778262054.hot-update.js": "/chunks/invitation.3eda42ab6a5778262054.hot-update.js",
+    "/chunks/shared/authenticate.c3770b4f80120e602f84.hot-update.js": "/chunks/shared/authenticate.c3770b4f80120e602f84.hot-update.js",
+    "/chunks/shared/authenticate.22cbbc46013c96fba2b5.hot-update.js": "/chunks/shared/authenticate.22cbbc46013c96fba2b5.hot-update.js",
+    "/chunks/shared/authenticate.27bf3d7a631d076c6355.hot-update.js": "/chunks/shared/authenticate.27bf3d7a631d076c6355.hot-update.js",
+    "/chunks/shared/authenticate.2b7d1f34a14bd6e86753.hot-update.js": "/chunks/shared/authenticate.2b7d1f34a14bd6e86753.hot-update.js",
+    "/chunks/sign-in.c52764a43b62c949bb3b.hot-update.js": "/chunks/sign-in.c52764a43b62c949bb3b.hot-update.js",
+    "/chunks/shared/authenticate.4aca66632cade696baa0.hot-update.js": "/chunks/shared/authenticate.4aca66632cade696baa0.hot-update.js",
+    "/chunks/shared/authenticate.169d9068eb9cf82807da.hot-update.js": "/chunks/shared/authenticate.169d9068eb9cf82807da.hot-update.js",
+    "/js/main.0ad3259ca60282c6e155.hot-update.js": "/js/main.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/admin-account.0ad3259ca60282c6e155.hot-update.js": "/chunks/admin-account.0ad3259ca60282c6e155.hot-update.js",
+    "/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",
+    "/chunks/app-setup.0ad3259ca60282c6e155.hot-update.js": "/chunks/app-setup.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/billings-detail.0ad3259ca60282c6e155.hot-update.js": "/chunks/billings-detail.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/create-new-password.0ad3259ca60282c6e155.hot-update.js": "/chunks/create-new-password.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/database.0ad3259ca60282c6e155.hot-update.js": "/chunks/database.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/email-verified.0ad3259ca60282c6e155.hot-update.js": "/chunks/email-verified.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/environment-setup.0ad3259ca60282c6e155.hot-update.js": "/chunks/environment-setup.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/forgotten-password.0ad3259ca60282c6e155.hot-update.js": "/chunks/forgotten-password.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/installation-disclaimer.0ad3259ca60282c6e155.hot-update.js": "/chunks/installation-disclaimer.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/invitation.0ad3259ca60282c6e155.hot-update.js": "/chunks/invitation.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/not-found.0ad3259ca60282c6e155.hot-update.js": "/chunks/not-found.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/purchase-code.0ad3259ca60282c6e155.hot-update.js": "/chunks/purchase-code.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/shared/authenticate.0ad3259ca60282c6e155.hot-update.js": "/chunks/shared/authenticate.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/sign-in.0ad3259ca60282c6e155.hot-update.js": "/chunks/sign-in.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/sign-up.0ad3259ca60282c6e155.hot-update.js": "/chunks/sign-up.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/status-check.0ad3259ca60282c6e155.hot-update.js": "/chunks/status-check.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/stripe-credentials.0ad3259ca60282c6e155.hot-update.js": "/chunks/stripe-credentials.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/subscription-plans.0ad3259ca60282c6e155.hot-update.js": "/chunks/subscription-plans.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/subscription-service.0ad3259ca60282c6e155.hot-update.js": "/chunks/subscription-service.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/temporary-unavailable.0ad3259ca60282c6e155.hot-update.js": "/chunks/temporary-unavailable.0ad3259ca60282c6e155.hot-update.js",
+    "/chunks/shared/authenticate.e9e1f827e9bea9260bb7.hot-update.js": "/chunks/shared/authenticate.e9e1f827e9bea9260bb7.hot-update.js",
+    "/chunks/shared/authenticate.1ebcb02bb4385ca8bdf8.hot-update.js": "/chunks/shared/authenticate.1ebcb02bb4385ca8bdf8.hot-update.js",
+    "/chunks/shared/authenticate.95f8ee1a45abcd6aab49.hot-update.js": "/chunks/shared/authenticate.95f8ee1a45abcd6aab49.hot-update.js",
+    "/chunks/purchase-code.683f3d055e733688764b.hot-update.js": "/chunks/purchase-code.683f3d055e733688764b.hot-update.js",
+    "/chunks/subscription-service.683f3d055e733688764b.hot-update.js": "/chunks/subscription-service.683f3d055e733688764b.hot-update.js",
+    "/chunks/purchase-code.84f9e121e5e9a60b53b8.hot-update.js": "/chunks/purchase-code.84f9e121e5e9a60b53b8.hot-update.js",
+    "/chunks/subscription-service.84f9e121e5e9a60b53b8.hot-update.js": "/chunks/subscription-service.84f9e121e5e9a60b53b8.hot-update.js"
 }
diff --git a/resources/js/views/Auth/CreateNewPassword.vue b/resources/js/views/Auth/CreateNewPassword.vue
index f68ba83a..2d59409a 100644
--- a/resources/js/views/Auth/CreateNewPassword.vue
+++ b/resources/js/views/Auth/CreateNewPassword.vue
@@ -8,45 +8,46 @@
 				:description="$t('page_create_password.subtitle')"
 			/>
 
-            <ValidationObserver @submit.prevent="createNewPassword" ref="create_new_password" v-slot="{ invalid }" tag="form" class="form block-form create-new-password">
+            <ValidationObserver @submit.prevent="createNewPassword" ref="create_new_password" v-slot="{ invalid }" tag="form" class="space-y-4 mb-12 text-left">
 
-                <div class="block-wrapper">
-                    <label>{{ $t('page_create_password.label_email') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="E-Mail" rules="required"
-                                        v-slot="{ errors }">
-                        <input v-model="recoverPassword.email" :placeholder="$t('page_login.placeholder_email')" type="email"
-                               :class="{'border-red': errors[0]}"/>
+                <div class="md:flex md:items-center mb-5 md:max-w-lg mx-auto">
+                    <label class="md:w-72 md:text-right md:pr-4 font-bold md:mb-0 mb-1.5 block">
+						{{ $t('page_create_password.label_email') }}:
+					</label>
+                    <ValidationProvider tag="div" mode="passive" class="w-full text-left" name="E-Mail" rules="required" v-slot="{ errors }">
+                        <input v-model="recoverPassword.email" :placeholder="$t('page_login.placeholder_email')" type="email" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}"/>
                         <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
 
-                <div class="block-wrapper">
-                    <label>{{ $t('page_create_password.label_new_pass') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="New Password"
-                                        rules="required" v-slot="{ errors }">
-                        <input v-model="recoverPassword.newPassword" :placeholder="$t('page_create_password.label_new_pass')" type="password"
-                               :class="{'border-red': errors[0]}"/>
+                <div class="md:flex md:items-center mb-5 md:max-w-lg mx-auto">
+                    <label class="md:w-72 md:text-right md:pr-4 font-bold md:mb-0 mb-1.5 block">
+						{{ $t('page_create_password.label_new_pass') }}:
+					</label>
+                    <ValidationProvider tag="div" mode="passive" class="w-full text-left" name="New Password" rules="required" v-slot="{ errors }">
+                        <input v-model="recoverPassword.newPassword" :placeholder="$t('page_create_password.label_new_pass')" type="password" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}"/>
                         <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
 
-                <div class="block-wrapper">
-                    <label>{{ $t('page_create_password.label_confirm_pass') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Confirm Password"
-                                        rules="required" v-slot="{ errors }">
-                        <input v-model="recoverPassword.newPasswordConfirm" :placeholder="$t('page_create_password.label_confirm_pass')"
-                               type="password" :class="{'border-red': errors[0]}"/>
+                <div class="md:flex md:items-center mb-5 md:max-w-lg mx-auto">
+                    <label class="md:w-72 md:text-right md:pr-4 font-bold md:mb-0 mb-1.5 block">
+						{{ $t('page_create_password.label_confirm_pass') }}:
+					</label>
+                    <ValidationProvider tag="div" mode="passive" class="w-full text-left" name="Confirm Password" rules="required" v-slot="{ errors }">
+                        <input v-model="recoverPassword.newPasswordConfirm" :placeholder="$t('page_create_password.label_confirm_pass')" type="password" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}"/>
                         <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
 
-                <div>
-                    <AuthButton icon="chevron-right" :text="$t('page_create_password.button_update')" :loading="isLoading" :disabled="isLoading"/>
-                </div>
+				<div>
+					<AuthButton class="md:w-min w-full justify-center mt-12" icon="chevron-right" :text="$t('page_create_password.button_update')" :loading="isLoading" :disabled="isLoading"/>
+				</div>
             </ValidationObserver>
 
-            <span class="additional-link">{{ $t('page_forgotten_password.password_remember_text') }}
-                <router-link :to="{name: 'SignIn'}">
+            <span class="block">
+				{{ $t('page_forgotten_password.password_remember_text') }}
+                <router-link :to="{name: 'SignIn'}" class="font-bold text-theme">
                     {{ $t('page_forgotten_password.password_remember_button') }}
                 </router-link>
             </span>
@@ -144,7 +145,7 @@
                     })
                     .catch(error => {
 
-                        if (error.response.status == 422) {
+                        if (error.response.status === 422) {
 
                             if (error.response.data.error) {
 
@@ -172,9 +173,4 @@
             this.recoverPassword.token = this.$route.query.token
         }
     }
-</script>
-
-<style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth-form';
-    @import '/resources/sass/vuefilemanager/_auth';
-</style>
+</script>
\ No newline at end of file
diff --git a/resources/js/views/Auth/SignIn.vue b/resources/js/views/Auth/SignIn.vue
index 674b0cd7..15d95d0e 100644
--- a/resources/js/views/Auth/SignIn.vue
+++ b/resources/js/views/Auth/SignIn.vue
@@ -9,7 +9,7 @@
 			/>
 
             <ValidationObserver @submit.prevent="logIn" ref="log_in" v-slot="{ invalid }" tag="form" class="md:flex items-start md:space-x-4 md:space-y-0 space-y-4 mb-12">
-                <ValidationProvider class="w-full text-left relative" tag="div" mode="passive" name="E-Mail" rules="required" v-slot="{ errors }">
+                <ValidationProvider class="w-full text-left" tag="div" mode="passive" name="E-Mail" rules="required" v-slot="{ errors }">
                     <input class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}" v-model="loginEmail" :placeholder="$t('page_login.placeholder_email')" type="email" />
                     <span class="text-red-600 text-xs text-left" v-if="errors[0]">{{ errors[0] }}</span>
                 </ValidationProvider>
@@ -96,7 +96,7 @@
                 </b>
             </span>
 
-            <div class="spinner-wrapper">
+            <div class="relative h-12 mt-10 w-full">
                 <Spinner v-if="isLoading" class="spinner" />
             </div>
 
@@ -124,7 +124,7 @@
 			   {{ $t('2fa.i_have_2fa_app') }}
 			</b>
 
-             <div v-if="isLoading" class="spinner-wrapper">
+             <div v-if="isLoading" class="relative h-12 mt-10 w-full">
                 <Spinner class="spinner" />
             </div>
         </AuthContent>
@@ -377,13 +377,3 @@
 		}
 	}
 </script>
-
-<style scoped lang="scss">
-
-    .spinner-wrapper {
-		width: 100%;
-		height: 50px;
-		position: relative;
-		top: 50px;
-	}
-</style>
diff --git a/resources/js/views/Auth/SignUp.vue b/resources/js/views/Auth/SignUp.vue
index c4743a22..c962b26c 100644
--- a/resources/js/views/Auth/SignUp.vue
+++ b/resources/js/views/Auth/SignUp.vue
@@ -8,64 +8,65 @@
 				:description="$t('page_registration.subtitle')"
 			/>
 
-            <ValidationObserver @submit.prevent="signUp" ref="sign_up" v-slot="{ invalid }" tag="form" class="form block-form">
-                <div class="block-wrapper">
-                    <label>{{ $t('page_registration.label_email') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="E-Mail" rules="required"
-                                        v-slot="{ errors }">
-                        <input v-model="register.email" :placeholder="$t('page_registration.placeholder_email')" type="email"
-                               class="focus-border-theme"
-                               :class="{'border-red': errors[0]}"/>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
-                    </ValidationProvider>
-                </div>
+            <ValidationObserver @submit.prevent="signUp" ref="sign_up" v-slot="{ invalid }" tag="form" class="space-y-4 mb-12 text-left">
 
-                <div class="block-wrapper">
-                    <label>{{ $t('page_registration.label_name') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Full Name" rules="required"
-                                        v-slot="{ errors }">
-                        <input v-model="register.name" :placeholder="$t('page_registration.placeholder_name')" type="text"
-                               class="focus-border-theme"
-                               :class="{'border-red': errors[0]}"/>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
-                    </ValidationProvider>
-                </div>
+				<div class="md:flex md:items-center mb-5 md:max-w-lg mx-auto">
+					<label class="md:w-72 md:text-right md:pr-4 font-bold md:mb-0 mb-1.5 block">
+						{{ $t('page_registration.label_email') }}:
+					</label>
+					<ValidationProvider tag="div" mode="passive" class="w-full text-left" name="E-Mail" rules="required" v-slot="{ errors }">
+						<input v-model="register.email" :placeholder="$t('page_registration.placeholder_email')" type="email" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}"/>
+						<span class="text-red-600 text-xs text-left" v-if="errors[0]">{{ errors[0] }}</span>
+					</ValidationProvider>
+				</div>
 
-                <div class="block-wrapper">
-                    <label>{{ $t('page_registration.label_pass') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Your New Password"
-                                        rules="required" v-slot="{ errors }">
-                        <input v-model="register.password" :placeholder="$t('page_registration.placeholder_pass')" type="password"
-                               class="focus-border-theme"
-                               :class="{'border-red': errors[0]}"/>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
-                    </ValidationProvider>
-                </div>
+				<div class="md:flex md:items-center mb-5 md:max-w-lg mx-auto">
+					<label class="md:w-72 md:text-right md:pr-4 font-bold md:mb-0 mb-1.5 block">
+						{{ $t('page_registration.label_name') }}:
+					</label>
+					<ValidationProvider tag="div" mode="passive" class="w-full text-left" name="Full Name" rules="required" v-slot="{ errors }">
+						<input v-model="register.name" :placeholder="$t('page_registration.placeholder_name')" type="text" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}"/>
+						<span class="text-red-600 text-xs text-left" v-if="errors[0]">{{ errors[0] }}</span>
+					</ValidationProvider>
+				</div>
 
-                <div class="block-wrapper">
-                    <label>{{ $t('page_registration.label_confirm_pass') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Confirm Your Password"
-                                        rules="required" v-slot="{ errors }">
-                        <input v-model="register.password_confirmation" :placeholder="$t('page_registration.placeholder_confirm_pass')"
-                               class="focus-border-theme"
-                               type="password" :class="{'border-red': errors[0]}"/>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
-                    </ValidationProvider>
-                </div>
+				<div class="md:flex md:items-center mb-5 md:max-w-lg mx-auto">
+					<label class="md:w-72 md:text-right md:pr-4 font-bold md:mb-0 mb-1.5 block">
+						{{ $t('page_registration.label_pass') }}:
+					</label>
+					<ValidationProvider tag="div" mode="passive" class="w-full text-left" name="Your New Password" rules="required" v-slot="{ errors }">
+						<input v-model="register.password" :placeholder="$t('page_registration.placeholder_pass')" type="password" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}"/>
+						<span class="text-red-600 text-xs text-left" v-if="errors[0]">{{ errors[0] }}</span>
+					</ValidationProvider>
+				</div>
 
-                <div>
-                    <i18n path="page_registration.agreement" tag="p" class="legal-agreement">
-                        <router-link :to="{name: 'DynamicPage', params: {slug: 'terms-of-service'}}" target="_blank" class="text-theme">{{ termsOfService.title }}</router-link>
-                        <router-link :to="{name: 'DynamicPage', params: {slug: 'privacy-policy'}}" target="_blank" class="text-theme">{{ privacyPolicy.title }}</router-link>
+				<div class="md:flex md:items-center mb-5 md:max-w-lg mx-auto">
+					<label class="md:w-72 md:text-right md:pr-4 font-bold md:mb-0 mb-1.5 block">
+						{{ $t('page_registration.label_confirm_pass') }}:
+					</label>
+					<ValidationProvider tag="div" mode="passive" class="w-full text-left" name="Confirm Your Password" rules="required" v-slot="{ errors }">
+						<input v-model="register.password_confirmation" :placeholder="$t('page_registration.placeholder_confirm_pass')" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" type="password" :class="{'border-red': errors[0]}"/>
+						<span class="text-red-600 text-xs text-left" v-if="errors[0]">{{ errors[0] }}</span>
+					</ValidationProvider>
+				</div>
+
+                <div class="text-center">
+                    <i18n path="page_registration.agreement" tag="p" class="mx-auto mt-12 mb-6 w-96 font-bold">
+                        <router-link :to="{name: 'DynamicPage', params: {slug: 'terms-of-service'}}" target="_blank" class="text-theme">
+							{{ termsOfService.title }}
+						</router-link>
+                        <router-link :to="{name: 'DynamicPage', params: {slug: 'privacy-policy'}}" target="_blank" class="text-theme">
+							{{ privacyPolicy.title }}
+						</router-link>
                     </i18n>
-                    <AuthButton class="mt-6" icon="chevron-right" :text="$t('page_registration.button_create_account')" :loading="isLoading" :disabled="isLoading"/>
+                    <AuthButton class="md:w-min w-full justify-center" icon="chevron-right" :text="$t('page_registration.button_create_account')" :loading="isLoading" :disabled="isLoading"/>
                 </div>
             </ValidationObserver>
 
             <SocialiteAuthenticationButtons/>
 
-            <span class="additional-link">{{ $t('page_registration.have_an_account') }}
-                <router-link :to="{name: 'SignIn'}" class="text-theme">
+            <span class="block">{{ $t('page_registration.have_an_account') }}
+                <router-link :to="{name: 'SignIn'}" class="font-bold text-theme">
                     {{ $t('page_forgotten_password.password_remember_button') }}
                 </router-link>
             </span>
@@ -99,7 +100,9 @@
             required,
         },
         computed: {
-            ...mapGetters(['config']),
+            ...mapGetters([
+				'config'
+			]),
             privacyPolicy() {
                 return this.config.legal.find(legal => {
                     return legal.slug === 'privacy-policy'
@@ -191,17 +194,3 @@
         }
     }
 </script>
-
-<style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth-form';
-    @import '/resources/sass/vuefilemanager/_auth';
-
-    .legal-agreement {
-        @include font-size(16);
-        padding: 55px 0 0;
-        max-width: 400px;
-        font-weight: 700;
-        line-height: 1.6;
-        margin: 0 auto;
-    }
-</style>
diff --git a/resources/js/views/SetupWizard/BillingsDetail.vue b/resources/js/views/SetupWizard/BillingsDetail.vue
index 136650ed..03303036 100644
--- a/resources/js/views/SetupWizard/BillingsDetail.vue
+++ b/resources/js/views/SetupWizard/BillingsDetail.vue
@@ -187,7 +187,6 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '/resources/sass/vue-file-manager/_auth-form';
     @import '/resources/sass/vuefilemanager/_forms';
     @import '/resources/sass/vuefilemanager/_auth';
     @import '/resources/sass/vuefilemanager/_setup_wizard';
diff --git a/resources/js/views/SetupWizard/Database.vue b/resources/js/views/SetupWizard/Database.vue
index 6b0647a2..d8392021 100644
--- a/resources/js/views/SetupWizard/Database.vue
+++ b/resources/js/views/SetupWizard/Database.vue
@@ -183,7 +183,6 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '/resources/sass/vue-file-manager/_auth-form';
     @import '/resources/sass/vuefilemanager/_forms';
     @import '/resources/sass/vuefilemanager/_auth';
     @import '/resources/sass/vuefilemanager/_setup_wizard';
diff --git a/resources/js/views/SetupWizard/InstallationDisclaimer.vue b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
index 62f4cc91..f701c989 100644
--- a/resources/js/views/SetupWizard/InstallationDisclaimer.vue
+++ b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
@@ -141,7 +141,6 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '/resources/sass/vuefilemanagerr/_auth-form';
     @import '/resources/sass/vuefilemanager/_forms';
     @import '/resources/sass/vuefilemanager/_auth';
     @import '/resources/sass/vuefilemanager/_setup_wizard';
diff --git a/resources/js/views/SetupWizard/PurchaseCode.vue b/resources/js/views/SetupWizard/PurchaseCode.vue
index 039c8c5a..031184b9 100644
--- a/resources/js/views/SetupWizard/PurchaseCode.vue
+++ b/resources/js/views/SetupWizard/PurchaseCode.vue
@@ -114,7 +114,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth-form';
     @import '/resources/sass/vuefilemanager/_auth';
     @import '/resources/sass/vuefilemanager/_setup_wizard';
 
diff --git a/resources/js/views/SetupWizard/StripeCredentials.vue b/resources/js/views/SetupWizard/StripeCredentials.vue
index 69972021..68c184e4 100644
--- a/resources/js/views/SetupWizard/StripeCredentials.vue
+++ b/resources/js/views/SetupWizard/StripeCredentials.vue
@@ -176,7 +176,6 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '/resources/sass/vue-file-manager/_auth-form';
     @import '/resources/sass/vuefilemanager/_forms';
     @import '/resources/sass/vuefilemanager/_auth';
     @import '/resources/sass/vuefilemanager/_setup_wizard';
diff --git a/resources/js/views/SetupWizard/SubscriptionService.vue b/resources/js/views/SetupWizard/SubscriptionService.vue
index 6ef4f9d0..7148dc94 100644
--- a/resources/js/views/SetupWizard/SubscriptionService.vue
+++ b/resources/js/views/SetupWizard/SubscriptionService.vue
@@ -73,7 +73,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth-form';
     @import '/resources/sass/vuefilemanager/_auth';
     @import '/resources/sass/vuefilemanager/_setup_wizard';
 
diff --git a/resources/js/views/Shared/SharedAuthentication.vue b/resources/js/views/Shared/SharedAuthentication.vue
index 41c68349..d72ab557 100644
--- a/resources/js/views/Shared/SharedAuthentication.vue
+++ b/resources/js/views/Shared/SharedAuthentication.vue
@@ -1,26 +1,24 @@
 <template>
-    <div id="password-view">
-        <AuthContent class="center" name="password" :visible="true">
-            <Headline
+	<AuthContentWrapper>
+		<AuthContent name="password" :visible="true">
+			<Headline
 				:title="$t('page_shared.title')"
 				:description="$t('page_shared.subtitle')"
 			/>
-
-            <ValidationObserver @submit.prevent="authenticateProtected" ref="authenticateProtected" v-slot="{ invalid }" tag="form" class="form inline-form">
-
-                <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Password" rules="required" v-slot="{ errors }">
-                    <input v-model="password" :placeholder="$t('page_shared.placeholder_pass')" type="password" :class="{'border-red': errors[0]}" />
-                    <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
-                </ValidationProvider>
-
-                <AuthButton icon="chevron-right" :text="$t('page_shared.submit')" :loading="isLoading" :disabled="isLoading" />
-            </ValidationObserver>
-        </AuthContent>
-    </div>
+			<ValidationObserver @submit.prevent="authenticateProtected" ref="authenticateProtected" v-slot="{ invalid }" tag="form" class="md:flex items-start md:space-x-4 md:space-y-0 space-y-4 mb-12">
+				<ValidationProvider tag="div" mode="passive" class="w-full text-left" name="Password" rules="required" v-slot="{ errors }">
+					<input v-model="password" :placeholder="$t('page_shared.placeholder_pass')" type="password" class="font-bold px-5 py-3.5 dark:bg-2x-dark-foreground bg-light-background w-full rounded-lg focus-border-theme appearance-none border border-transparent" :class="{'border-red': errors[0]}" />
+					<span class="text-red-600 text-xs text-left" v-if="errors[0]">{{ errors[0] }}</span>
+				</ValidationProvider>
+				<AuthButton class="md:w-min w-full justify-center" icon="chevron-right" :text="$t('page_shared.submit')" :loading="isLoading" :disabled="isLoading" />
+			</ValidationObserver>
+		</AuthContent>
+	</AuthContentWrapper>
 </template>
 
 <script>
 	import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+	import AuthContentWrapper from "../../components/Auth/AuthContentWrapper"
     import AuthContent from '/resources/js/components/Auth/AuthContent'
     import AuthButton from '/resources/js/components/Auth/AuthButton'
 	import Headline from "../Auth/Headline";
@@ -32,6 +30,7 @@
         components: {
             ValidationObserver,
             ValidationProvider,
+			AuthContentWrapper,
             AuthContent,
             AuthButton,
 			Headline,
@@ -88,21 +87,4 @@
             },
         },
     }
-</script>
-
-<style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-    @import '/resources/sass/vuefilemanager/_auth-form';
-    @import '/resources/sass/vuefilemanager/_auth';
-
-    #password-view {
-        width: 100%;
-        display: grid;
-        height: inherit;
-
-        .center {
-            margin: auto;
-        }
-    }
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/resources/js/views/Teams/Invitation.vue b/resources/js/views/Teams/Invitation.vue
index ff4b1cbf..d859f379 100644
--- a/resources/js/views/Teams/Invitation.vue
+++ b/resources/js/views/Teams/Invitation.vue
@@ -1,7 +1,7 @@
 <template>
     <AuthContentWrapper ref="auth">
 
-        <!--Log In by Email-->
+        <!--Invitation info-->
         <AuthContent name="invitation" :visible="false">
             <Headline
 				v-if="invitation"
@@ -11,21 +11,26 @@
 				<div class="text-center mb-10 w-24 mx-auto relative">
 					<VueFolderTeamIcon class="inline-block w-28" />
 					<MemberAvatar
+						:member="invitation.data.relationships.inviter"
 						class="absolute -bottom-2.5 -right-6"
 						:is-border="true"
 						:size="38"
-						:member="invitation.data.relationships.inviter"
 					/>
 				</div>
 			</Headline>
 
-			<div class="form inline-form">
-                <AuthButton @click.native="acceptInvitation" icon="chevron-right" :text="$t('Accept Invitation')" :loading="isLoading" :disabled="isLoading" />
-			</div>
+			<AuthButton
+				@click.native="acceptInvitation"
+				class="md:w-min w-full justify-center mb-12"
+				icon="chevron-right"
+				:text="$t('Accept Invitation')"
+				:loading="isLoading"
+				:disabled="isLoading"
+			/>
 
-            <div class="additional-link font-bold">
+            <div class="block">
 				Or
-                <b @click="declineInvitation" class="text-theme font-bold">
+                <b @click="declineInvitation" class="text-theme font-bold cursor-pointer">
                     {{ $t('decline') }}
                 </b>
 				your invitation.
@@ -34,18 +39,17 @@
 
         <!--Accepted invitation screen-->
         <AuthContent v-if="invitation" name="accepted" :visible="false">
-
             <Headline
 				:title="$t('You are successfully joined')"
 				:description="$t('You can now proceed to your account and participate in team folder')"
 			/>
 
 			<router-link replace v-if="! config.isAuthenticated" :to="{name: 'SignIn'}">
-                <AuthButton icon="chevron-right" :text="$t('Proceed to your account')"/>
+                <AuthButton class="md:w-min w-full justify-center mb-12" icon="chevron-right" :text="$t('Proceed to your account')"/>
             </router-link>
 
 			<router-link replace v-if="config.isAuthenticated" :to="{name: 'SharedWithMe', params: {id: invitation.data.attributes.parent_id}}">
-                <AuthButton icon="chevron-right" :text="$t('Go to Team Folder')"/>
+                <AuthButton class="md:w-min w-full justify-center mb-12" icon="chevron-right" :text="$t('Go to Team Folder')"/>
             </router-link>
         </AuthContent>
 
@@ -58,7 +62,7 @@
 			/>
 
 			<router-link :to="{name: 'SignIn'}">
-                <AuthButton icon="chevron-right" :text="$t('Proceed to your account')"/>
+                <AuthButton class="md:w-min w-full justify-center mb-12" icon="chevron-right" :text="$t('Proceed to your account')"/>
             </router-link>
         </AuthContent>
 
@@ -71,11 +75,11 @@
 			/>
 
 			<router-link replace v-if="! config.isAuthenticated" :to="{name: 'SignIn'}">
-                <AuthButton icon="chevron-right" :text="$t('Log In')"/>
+                <AuthButton class="md:w-min w-full justify-center mb-12" icon="chevron-right" :text="$t('Log In')"/>
             </router-link>
 
 			<router-link replace v-if="config.isAuthenticated" :to="{name: 'SharedWithMe'}">
-                <AuthButton icon="chevron-right" :text="$t('Go to your shared folders')"/>
+                <AuthButton class="md:w-min w-full justify-center mb-12" icon="chevron-right" :text="$t('Go to your shared folders')"/>
             </router-link>
         </AuthContent>
     </AuthContentWrapper>
@@ -147,13 +151,7 @@
                 this.$refs.auth.$children.forEach(page => {
 
                     // Hide current step
-                    page.isVisible = false
-
-                    if (page.$props.name === slug) {
-
-                        // Go to next step
-                        page.isVisible = true
-                    }
+                    page.isVisible = page.$props.name === slug;
                 })
             },
         },
@@ -173,15 +171,3 @@
         }
     }
 </script>
-
-<style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth-form';
-    @import '/resources/sass/vuefilemanager/_auth';
-
-    .spinner-wrapper {
-        width: 100%;
-        height: 50px;
-        position: relative;
-        top: 50px;
-    }
-</style>
diff --git a/resources/sass/vuefilemanager/_auth-form.scss b/resources/sass/vuefilemanager/_auth-form.scss
deleted file mode 100644
index 7163aec2..00000000
--- a/resources/sass/vuefilemanager/_auth-form.scss
+++ /dev/null
@@ -1,211 +0,0 @@
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
-
-.form {
-
-  &.inline-form {
-    display: flex;
-    position: relative;
-    justify-content: center;
-    margin: 0 auto;
-
-    .input-wrapper {
-      position: relative;
-
-      .error-message {
-        position: absolute;
-        left: 0;
-      }
-    }
-  }
-
-  &.block-form {
-
-    &.create-new-password {
-      .block-wrapper label {
-        width: 280px;
-      }
-    }
-
-    .block-wrapper {
-      display: flex;
-      align-items: center;
-      margin-top: 25px;
-      justify-content: center;
-
-      &:first-child {
-        margin-top: 0;
-      }
-
-      label {
-        white-space: nowrap;
-        @include font-size(18);
-        font-weight: 700;
-        padding-right: 20px;
-        width: 200px;
-        text-align: right !important;
-        color: $text;
-        text-align: right;
-      }
-    }
-
-    .button {
-      margin-top: 50px;
-    }
-  }
-}
-
-.input-wrapper {
-
-  .error-message {
-    @include font-size(14);
-    color: $danger;
-    padding-top: 5px;
-    display: block;
-    text-align: left;
-  }
-}
-
-textarea {
-  width: 100%;
-}
-
-textarea,
-input[type="password"],
-input[type="text"],
-input[type="email"] {
-  background: $light_background;
-  border: 1px solid transparent;
-  transition: 0.15s all ease;
-  @include font-size(16);
-  border-radius: 8px;
-  padding: 13px 20px;
-  appearance: none;
-  font-weight: 700;
-  outline: 0;
-  width: 100%;
-
-  &.is-error {
-    border-color: $danger;
-    //box-shadow: 0 0 7px rgba($danger, 0.3);
-  }
-
-  &::placeholder {
-    color: $light_text;
-    @include font-size(16);
-  }
-
-  &:focus {
-    //box-shadow: 0 0 7px rgba($theme, 0.3);
-  }
-
-  &[disabled] {
-    color: $light_text;
-    cursor: not-allowed;
-  }
-}
-
-.additional-link {
-  @include font-size(16);
-  margin-top: 50px;
-  display: block;
-
-  b, a {
-    cursor: pointer;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-
-@media only screen and (max-width: 960px) {
-  .form {
-
-    .button {
-      margin-top: 20px;
-      width: 100%;
-      margin-left: 0;
-      margin-right: 0;
-    }
-
-    input, textarea {
-      width: 100%;
-      min-width: 100%;
-    }
-
-    &.block-form {
-
-      .block-wrapper {
-        display: block;
-
-        label {
-          width: 100%;
-          padding-right: 0;
-          display: block;
-          margin-bottom: 7px;
-          text-align: left !important;
-          @include font-size(14);
-          padding-top: 0;
-        }
-      }
-
-      .button {
-        margin-top: 25px;
-        margin-left: 0;
-        margin-right: 0;
-      }
-    }
-
-    &.inline-form {
-      display: block;
-
-      .input-wrapper .error-message {
-        position: relative;
-        bottom: 0;
-      }
-    }
-
-    .button {
-      padding: 14px 32px;
-    }
-  }
-
-
-  textarea,
-  input[type="password"],
-  input[type="text"],
-  input[type="email"] {
-    padding: 14px 20px;
-  }
-}
-
-.dark {
-
-  .form {
-
-    &.block-form {
-
-      .block-wrapper label {
-        color: $dark_mode_text_primary;
-      }
-    }
-  }
-
-  textarea,
-  input[type="password"],
-  input[type="text"],
-  input[type="email"] {
-    background: $dark_mode_foreground;
-    color: $dark_mode_text_primary;
-
-
-    &::placeholder {
-      color: $dark_mode_text_secondary;
-    }
-
-    &[disabled] {
-      color: rgba($dark_mode_text_secondary, 15%);
-    }
-  }
-}
\ No newline at end of file