From 102545b90596be83cec6d076b6a71f6a0020cb8a Mon Sep 17 00:00:00 2001
From: JoeD84 <Johannes.Dielmann@gmail.com>
Date: Mon, 28 Oct 2024 11:29:39 +0100
Subject: [PATCH] Added  word-break to break long texts into the next line.
 Fixed the div-title to be the same than the Error-Message. Else it would
 break the Glitch Animation. Thanks @Chel-Jessen

---
 error.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/error.vue b/error.vue
index 7425922f..f1e45db3 100644
--- a/error.vue
+++ b/error.vue
@@ -3,9 +3,9 @@
       <main class="container-fluid pb-container mt-main grid gap-container grid-cols-1 ">
         <section class="bg-secondary card style-card grid gap-card-sm container">
           
-            <div title="404" class="error-code text-accent ">{{ error?.statusCode }}</div>
+            <div :title="error?.statusCode.toString()" class="error-code text-accent ">{{ error?.statusCode }}</div>
 
-            <h1 class="error-message">{{ error?.message }}</h1>
+            <h1 class="error-message" style="word-break: break-word">{{ error?.message }}</h1>
 
             <InputBtn class="w-full" @click="navigateTo('/')">
                 Go Home