From 880fde663888dc8687258bf576473b9624f6c5ba Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Fri, 30 Jan 2026 09:42:12 +0200
Subject: [PATCH 1/2] fix: limit error message length in Toast component

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

diff --git a/adminforth/spa/src/components/Toast.vue b/adminforth/spa/src/components/Toast.vue
index f2fa01583..a1f721a0f 100644
--- a/adminforth/spa/src/components/Toast.vue
+++ b/adminforth/spa/src/components/Toast.vue
@@ -21,7 +21,7 @@
 
     <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-if="toast.messageHtml" v-html="toast.messageHtml"></div>
     <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-else>
-        <div class="flex flex-col items-center justify-center break-all">
+        <div class="flex flex-col items-center justify-center break-all max-h-screen overflow-hidden">
             {{toast.message}}
             <div v-if="toast.buttons" class="flex justify-center mt-2 gap-2">
                 <div v-for="button in toast.buttons" class="af-toast-button rounded-md bg-lightButtonsBackground hover:bg-lightButtonsHover text-lightButtonsText dark:bg-darkPrimary dark:hover:bg-darkButtonsBackground  dark:text-darkButtonsText">

From 7dca36a60d904e12736ae4b5332c8f6a972a197f Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Fri, 30 Jan 2026 10:18:59 +0200
Subject: [PATCH 2/2] fix: limit error message length in Toast component

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

diff --git a/adminforth/spa/src/components/Toast.vue b/adminforth/spa/src/components/Toast.vue
index a1f721a0f..26afc1e64 100644
--- a/adminforth/spa/src/components/Toast.vue
+++ b/adminforth/spa/src/components/Toast.vue
@@ -21,7 +21,7 @@
 
     <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-if="toast.messageHtml" v-html="toast.messageHtml"></div>
     <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-else>
-        <div class="flex flex-col items-center justify-center break-all max-h-screen overflow-hidden">
+        <div class="flex flex-col items-center justify-center break-all overflow-hidden [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:70]">
             {{toast.message}}
             <div v-if="toast.buttons" class="flex justify-center mt-2 gap-2">
                 <div v-for="button in toast.buttons" class="af-toast-button rounded-md bg-lightButtonsBackground hover:bg-lightButtonsHover text-lightButtonsText dark:bg-darkPrimary dark:hover:bg-darkButtonsBackground  dark:text-darkButtonsText">