From 6fdf10b2b11f6edd1807f325ac3f8ff4771da154 Mon Sep 17 00:00:00 2001 From: Darko Gjorgjijoski Date: Tue, 7 Apr 2026 14:18:34 +0200 Subject: [PATCH] Rebuild auth pages on the project design system MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Rewrites resources/scripts/layouts/AuthLayout.vue from scratch using only the @theme tokens defined in themes.css and registered via @theme inline in invoiceshelf.css. The new layout is a centered card on the existing bg-glass-gradient utility, using the same visual vocabulary as BaseCard (bg-surface, rounded-xl, border-line-default, shadow-sm) so the auth pages read as a smaller, simpler version of the admin's existing card pattern. Both light and dark mode work automatically because every color references a theme token rather than a hardcoded hex/rgb. Drops the previous attempt's hardcoded #0a0e1a / #fbbf24 / #f5efe5 palette, the imported Google Fonts (Fraunces / Manrope / JetBrains Mono — replaced with the project default Poppins via font-base), the local --ink / --brass / --cream CSS variables that ignored [data-theme=dark], and the :deep() overrides that forced BaseInput / BaseButton into a custom underline style. The form components now render in the auth card identically to how they render anywhere else in the admin — same components, same theme tokens, no overrides. Removes four legacy SVG decorations from the original two-panel design: LoginPlanetCrater, LoginBackground, LoginBackgroundOverlay, LoginBottomVector. The page now has no decorative imagery — the bg-glass-gradient utility carries the visual mood. Adds w-full justify-center to the four auth-form submit buttons (LoginView, ForgotPasswordView, ResetPasswordView, RegisterWithInvitationView) so they fill the auth card width with their labels centered. Done at the call site rather than via :deep() so BaseButton stays untouched and the rest of the admin keeps its inline button style. Route-aware heading/subheading copy is preserved for all four auth views, and the four window.* admin customization hooks (login_page_logo, login_page_heading, login_page_description, copyright_text) still work. --- .../components/icons/svg/LoginBackground.vue | 35 ---- .../icons/svg/LoginBackgroundOverlay.vue | 34 ---- .../icons/svg/LoginBottomVector.vue | 9 - .../icons/svg/LoginPlanetCrater.vue | 109 ----------- .../auth/views/ForgotPasswordView.vue | 1 + .../scripts/features/auth/views/LoginView.vue | 2 +- .../auth/views/RegisterWithInvitationView.vue | 1 + .../features/auth/views/ResetPasswordView.vue | 2 +- resources/scripts/layouts/AuthLayout.vue | 175 +++++++++--------- 9 files changed, 87 insertions(+), 281 deletions(-) delete mode 100644 resources/scripts/components/icons/svg/LoginBackground.vue delete mode 100644 resources/scripts/components/icons/svg/LoginBackgroundOverlay.vue delete mode 100644 resources/scripts/components/icons/svg/LoginBottomVector.vue delete mode 100644 resources/scripts/components/icons/svg/LoginPlanetCrater.vue diff --git a/resources/scripts/components/icons/svg/LoginBackground.vue b/resources/scripts/components/icons/svg/LoginBackground.vue deleted file mode 100644 index daae47ff..00000000 --- a/resources/scripts/components/icons/svg/LoginBackground.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/resources/scripts/components/icons/svg/LoginBackgroundOverlay.vue b/resources/scripts/components/icons/svg/LoginBackgroundOverlay.vue deleted file mode 100644 index 417fb86b..00000000 --- a/resources/scripts/components/icons/svg/LoginBackgroundOverlay.vue +++ /dev/null @@ -1,34 +0,0 @@ - diff --git a/resources/scripts/components/icons/svg/LoginBottomVector.vue b/resources/scripts/components/icons/svg/LoginBottomVector.vue deleted file mode 100644 index d734938b..00000000 --- a/resources/scripts/components/icons/svg/LoginBottomVector.vue +++ /dev/null @@ -1,9 +0,0 @@ - diff --git a/resources/scripts/components/icons/svg/LoginPlanetCrater.vue b/resources/scripts/components/icons/svg/LoginPlanetCrater.vue deleted file mode 100644 index 15f24929..00000000 --- a/resources/scripts/components/icons/svg/LoginPlanetCrater.vue +++ /dev/null @@ -1,109 +0,0 @@ - - diff --git a/resources/scripts/features/auth/views/ForgotPasswordView.vue b/resources/scripts/features/auth/views/ForgotPasswordView.vue index a591d89d..915eb7cb 100644 --- a/resources/scripts/features/auth/views/ForgotPasswordView.vue +++ b/resources/scripts/features/auth/views/ForgotPasswordView.vue @@ -21,6 +21,7 @@ :disabled="isLoading" type="submit" variant="primary" + class="w-full justify-center" >
{{ $t('validation.send_reset_link') }} diff --git a/resources/scripts/features/auth/views/LoginView.vue b/resources/scripts/features/auth/views/LoginView.vue index 08770d8b..e5b21704 100644 --- a/resources/scripts/features/auth/views/LoginView.vue +++ b/resources/scripts/features/auth/views/LoginView.vue @@ -50,7 +50,7 @@
- + {{ $t('login.login') }} diff --git a/resources/scripts/features/auth/views/RegisterWithInvitationView.vue b/resources/scripts/features/auth/views/RegisterWithInvitationView.vue index af25a3ae..77b5eab9 100644 --- a/resources/scripts/features/auth/views/RegisterWithInvitationView.vue +++ b/resources/scripts/features/auth/views/RegisterWithInvitationView.vue @@ -119,6 +119,7 @@ :loading="isSubmitting" :disabled="isSubmitting" type="submit" + class="w-full justify-center" > Create Account & Join diff --git a/resources/scripts/features/auth/views/ResetPasswordView.vue b/resources/scripts/features/auth/views/ResetPasswordView.vue index 178bee21..89c4aa7a 100644 --- a/resources/scripts/features/auth/views/ResetPasswordView.vue +++ b/resources/scripts/features/auth/views/ResetPasswordView.vue @@ -46,7 +46,7 @@ /> - + {{ $t('login.reset_password') }} diff --git a/resources/scripts/layouts/AuthLayout.vue b/resources/scripts/layouts/AuthLayout.vue index abcbb440..4b86dd20 100644 --- a/resources/scripts/layouts/AuthLayout.vue +++ b/resources/scripts/layouts/AuthLayout.vue @@ -1,102 +1,73 @@