From 6cd9748b7b1a1d8a423e36fcf3d1bcbd07a1ba40 Mon Sep 17 00:00:00 2001
From: tesaide <tesaideesasha@gmail.com>
Date: Mon, 1 Dec 2025 16:00:15 +0200
Subject: [PATCH 1/4] fix: hide sidebar and center content on 404 page

---
 adminforth/spa/src/views/PageNotFound.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/adminforth/spa/src/views/PageNotFound.vue b/adminforth/spa/src/views/PageNotFound.vue
index 33c81c0af..15062fda6 100644
--- a/adminforth/spa/src/views/PageNotFound.vue
+++ b/adminforth/spa/src/views/PageNotFound.vue
@@ -1,12 +1,12 @@
 <template>
-  <section class="bg-white dark:bg-gray-900">
+  <section class="fixed inset-0 z-[9999] bg-white dark:bg-gray-900 w-screen h-screen flex flex-col items-center pt-20 md:pt-40 overflow-y-auto">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="mx-auto max-w-screen-sm text-center">
-            <h1 class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-lightPrimary dark:text-darkPrimary">404</h1>
+            <h1 class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-blue-600 dark:text-blue-500">404</h1>
             <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">{{ $t("Something's missing.") }}</p>
             <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">{{ $t("Sorry, we can't find that page. You'll find lots to explore on the home page.") }} </p>
             <div class="flex justify-center">
-             <LinkButton  to="/">{{ $t('Go back home') }}</LinkButton>
+             <LinkButton to="/">{{ $t('Go back home') }}</LinkButton>
             </div>
         </div>   
     </div>

From 0ac9ab249d216bcf034a30a87eda147862b3d78b Mon Sep 17 00:00:00 2001
From: tesaide <tesaideesasha@gmail.com>
Date: Mon, 1 Dec 2025 16:08:11 +0200
Subject: [PATCH 2/4] fix: hide sidebar on 404 page

---
 adminforth/spa/src/views/PageNotFound.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/adminforth/spa/src/views/PageNotFound.vue b/adminforth/spa/src/views/PageNotFound.vue
index 15062fda6..6d2eb8dae 100644
--- a/adminforth/spa/src/views/PageNotFound.vue
+++ b/adminforth/spa/src/views/PageNotFound.vue
@@ -14,7 +14,5 @@
 </template>
 
 <script setup lang="ts">
-
 import { LinkButton } from '@/afcl';
-
 </script>

From c8f6a5bb94cb90da08ff4cf615aacbf0bfd1bac4 Mon Sep 17 00:00:00 2001
From: tesaide <tesaideesasha@gmail.com>
Date: Mon, 1 Dec 2025 17:05:49 +0200
Subject: [PATCH 3/4] Fix: 404 page layout to prevent scrolling without using
 fixed positioning

---
 adminforth/spa/src/views/PageNotFound.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/adminforth/spa/src/views/PageNotFound.vue b/adminforth/spa/src/views/PageNotFound.vue
index 6d2eb8dae..ba0962eff 100644
--- a/adminforth/spa/src/views/PageNotFound.vue
+++ b/adminforth/spa/src/views/PageNotFound.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="fixed inset-0 z-[9999] bg-white dark:bg-gray-900 w-screen h-screen flex flex-col items-center pt-20 md:pt-40 overflow-y-auto">
+  <section class="absolute inset-0 flex flex-col items-center justify-center h-screen overflow-hidden">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="mx-auto max-w-screen-sm text-center">
             <h1 class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-blue-600 dark:text-blue-500">404</h1>
@@ -14,5 +14,7 @@
 </template>
 
 <script setup lang="ts">
+
 import { LinkButton } from '@/afcl';
+
 </script>

From 7363476ce94c8f6851af7d9d4ef614b7cf138b7d Mon Sep 17 00:00:00 2001
From: tesaide <tesaideesasha@gmail.com>
Date: Tue, 2 Dec 2025 10:43:31 +0200
Subject: [PATCH 4/4] fix: hide sidebar and center content on 404 page

---
 adminforth/spa/src/views/PageNotFound.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/adminforth/spa/src/views/PageNotFound.vue b/adminforth/spa/src/views/PageNotFound.vue
index ba0962eff..f4ecaeaf1 100644
--- a/adminforth/spa/src/views/PageNotFound.vue
+++ b/adminforth/spa/src/views/PageNotFound.vue
@@ -1,8 +1,8 @@
 <template>
-  <section class="absolute inset-0 flex flex-col items-center justify-center h-screen overflow-hidden">
+  <section class="flex flex-col items-center justify-center">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="mx-auto max-w-screen-sm text-center">
-            <h1 class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-blue-600 dark:text-blue-500">404</h1>
+            <h1 class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-lightPrimary dark:text-darkPrimary">404</h1>
             <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">{{ $t("Something's missing.") }}</p>
             <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">{{ $t("Sorry, we can't find that page. You'll find lots to explore on the home page.") }} </p>
             <div class="flex justify-center">