From f865470bb5c22df20cc65f44c367171dd58c7c4f Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Fri, 10 Oct 2025 14:37:47 +0300
Subject: [PATCH 1/3] feat: move login error message to the bottom of
 authentication modal

---
 adminforth/spa/src/views/LoginView.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/adminforth/spa/src/views/LoginView.vue b/adminforth/spa/src/views/LoginView.vue
index 70794bb5..a56e99ab 100644
--- a/adminforth/spa/src/views/LoginView.vue
+++ b/adminforth/spa/src/views/LoginView.vue
@@ -92,8 +92,6 @@
                           :meta="c.meta"
                           @update:disableLoginButton="setDisableLoginButton($event)"
                         />
-
-                        <ErrorMessage :error="error" />
                         
                         <div v-if="loginPromptHTML"
                           class="flex items-center p-4 mb-4 text-sm text-lightLoginViewPromptText rounded-lg bg-lightLoginViewPromptBackground dark:bg-darkLoginViewPromptBackground dark:text-darkLoginViewPromptText" role="alert"
@@ -108,9 +106,10 @@
                           {{ $t('Login to your account') }}
                         </Button>
                     </form>
-
                 </div>
+                <ErrorMessage v-if="error" :error="error" class="rounded-t-none mb-0 w-full" />
             </div>
+            <div v-if="!error" class="h-[52px]"/>
         </div>
     </div> 
 

From ce6d14fb17b7effa87c6fe060ec583d4a33bda2c Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Fri, 10 Oct 2025 14:46:52 +0300
Subject: [PATCH 2/3] fix: fix login error message positioning

---
 adminforth/spa/src/views/LoginView.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/adminforth/spa/src/views/LoginView.vue b/adminforth/spa/src/views/LoginView.vue
index a56e99ab..b55ebf04 100644
--- a/adminforth/spa/src/views/LoginView.vue
+++ b/adminforth/spa/src/views/LoginView.vue
@@ -27,7 +27,7 @@
       overflow-x-hidden z-50 min-w-[350px]  justify-center items-center md:inset-0 h-[calc(100%-1rem)] max-h-full">
         <div class="relative p-4 w-full max-h-full max-w-[400px]">
             <!-- Modal content -->
-            <div class="af-login-modal-content relative bg-lightLoginViewBackground rounded-lg shadow dark:bg-darkLoginViewBackground dark:shadow-black" >
+            <div class="af-login-modal-content relative bg-lightLoginViewBackground rounded-lg shadow dark:bg-darkLoginViewBackground dark:shadow-black" :class=" { 'rounded-b-none  overflow-hidden': error } ">
                 <!-- Modal header -->
                 <div class="af-login-modal-header flex items-center justify-between flex-col p-4 md:p-5 border-b rounded-t dark:border-gray-600">
 
@@ -107,9 +107,8 @@
                         </Button>
                     </form>
                 </div>
-                <ErrorMessage v-if="error" :error="error" class="rounded-t-none mb-0 w-full" />
             </div>
-            <div v-if="!error" class="h-[52px]"/>
+            <ErrorMessage v-if="error" :error="error" class="absolute left-4 right-4 rounded-t-none mb-0 shadow px-8" />
         </div>
     </div> 
 

From 0a9c3f5aaf9a602ae7a6310ba090e544f043f232 Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Fri, 10 Oct 2025 14:53:58 +0300
Subject: [PATCH 3/3] fix: fix padding for the login error message

---
 adminforth/spa/src/views/LoginView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/adminforth/spa/src/views/LoginView.vue b/adminforth/spa/src/views/LoginView.vue
index b55ebf04..8b0b5ad4 100644
--- a/adminforth/spa/src/views/LoginView.vue
+++ b/adminforth/spa/src/views/LoginView.vue
@@ -108,7 +108,7 @@
                     </form>
                 </div>
             </div>
-            <ErrorMessage v-if="error" :error="error" class="absolute left-4 right-4 rounded-t-none mb-0 shadow px-8" />
+            <ErrorMessage v-if="error" :error="error" class="absolute left-4 right-4 rounded-t-none mb-0 shadow px-9" />
         </div>
     </div>