edi/iten.pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Authelia funktionert, errorpage angepasst
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 11s
Details

Browse Source
This commit is contained in:
Eduard Iten
2026-04-01 17:44:43 +02:00
parent 63e2336c3b
commit 796d236d79
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ErrorComponent.astro
View File

@@ -11,9 +11,9 @@ interface props {
const { title = "404" } = Astro.props; const { title = "404" } = Astro.props;
--- ---
<div class="grid place-items-center min-h-[60vh] w-full error-component mt-6"> <div class="flex flex-col items-center justify-center min-h-[60vh] w-full py-12 error-component">
<div <div
class="w-full sm:max-w-lg bg-red-50 text-red-500 p-0 sm:rounded-lg sm:shadow border-b-2 sm:border-2 border-red-500 text-center" class="w-full sm:max-w-lg -mx-4 sm:mx-0 bg-red-50 text-red-500 p-0 sm:rounded-lg sm:shadow border-y-2 sm:border-2 border-red-500 text-center"
> >
<h1 <h1
class="bg-red-500 text-white text-4xl font-bold py-2 px-4 font-mono flex items-center justify-center gap-3" class="bg-red-500 text-white text-4xl font-bold py-2 px-4 font-mono flex items-center justify-center gap-3"
@@ -35,7 +35,7 @@ const { title = "404" } = Astro.props;
<slot /> <slot />
<a <a
href={getPath("/")} href={getPath("/")}
class="flex items-center justify-center gap-1 font-semibold text-red-500 hover:text-white hover:bg-red-500 rounded-full px-4 py-2 hover:drop-shadow transition-colors transition-[1s] mt-2" class="flex items-center justify-center gap-1 font-semibold text-red-500 hover:text-white hover:bg-red-500 rounded-full px-4 py-2 hover:drop-shadow transition-colors duration-300 mt-2"
> >
<Icon name="tabler:arrow-big-left" class="size-5" /> <Icon name="tabler:arrow-big-left" class="size-5" />
Zurück zur Startseite Zurück zur Startseite
@@ -52,4 +52,4 @@ const { title = "404" } = Astro.props;
.error-component .animate-ping { .error-component .animate-ping {
animation-duration: 2s; animation-duration: 2s;
} }
</style> </style>