small ui improvements

This commit is contained in:
kritzl 2026-05-15 11:43:45 +02:00
commit 9c973c6b91
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
4 changed files with 20 additions and 6 deletions

View file

@ -14,16 +14,16 @@ export const ui = {
"unauthenticated.title": "Unauthenticated", "unauthenticated.title": "Unauthenticated",
"unauthenticated.description": `To use the locks you have to log in with your CCCHH ID and have the "intern@" status.<br> "unauthenticated.description": `To use the locks you have to log in with your CCCHH ID and have the "intern@" status.<br>
More infos: <a class='underline' href='https://wiki.hamburg.ccc.de/club:prozesse:aufnahmeprozesse-fuer-berechtigungsgruppen'>CCCHH Wiki</a>`, More infos: <a class='underline' href='https://wiki.hamburg.ccc.de/club:prozesse:aufnahmeprozesse-fuer-berechtigungsgruppen'>CCCHH Wiki</a>`,
"state.unlocked": "Open", "state.unlocked": "Unlocked",
"state.locked": "Closed", "state.locked": "Locked",
"state.unknown": "Unknown", "state.unknown": "Unknown",
"state.unlocking": "Unlocking", "state.unlocking": "Unlocking",
"state.locking": "Locking", "state.locking": "Locking",
"lock.batteryLow": "Battery low", "lock.batteryLow": "Battery low",
"lock.unreachable": "Unreachable", "lock.unreachable": "Unreachable",
"lock.jammed": "Lock jammed", "lock.jammed": "Lock jammed",
"button.open": "Open", "button.open": "Unlock",
"button.close": "Close", "button.close": "Lock",
"login": "Login", "login": "Login",
"loggedOut.title": "Signed out", "loggedOut.title": "Signed out",
"loggedOut.description": `Your session has expired and you have been logged out.<br> "loggedOut.description": `Your session has expired and you have been logged out.<br>

View file

@ -20,7 +20,7 @@ const t = useTranslations(lang)
</head> </head>
<body class="min-h-screen"> <body class="min-h-screen">
<header class="p-2"> <header class="p-2">
<div class="navbar bg-base-300 text-neutral-content flex w-full justify-between items-center rounded-xl px-4"> <div class="navbar bg-base-300 flex w-full justify-between items-center rounded-xl px-4">
<h1 class="text-xl font-semibold flex gap-1 items-center"> <h1 class="text-xl font-semibold flex gap-1 items-center">
<DoorOpen/> <DoorOpen/>

View file

@ -10,6 +10,7 @@ export async function getStaticPaths() {
return [ return [
{params: {lang: "en"}}, {params: {lang: "en"}},
{params: {lang: "de"}}, {params: {lang: "de"}},
{params: {lang: "uwu"}},
] ]
} }
@ -35,7 +36,7 @@ const t = useTranslations(lang)
description={t("loggedOut.description")} description={t("loggedOut.description")}
> >
<div class="flex justify-end"> <div class="flex justify-end">
<a href="/auth/login" class="btn btn-sm btn-warning"> <a href={`/auth/login?next=/${lang}`} class="btn btn-sm btn-warning">
<LogIn/> <LogIn/>
{t("login")} {t("login")}
</a> </a>

View file

@ -1,6 +1,19 @@
@import "tailwindcss"; @import "tailwindcss";
@plugin "@tailwindcss/typography"; @plugin "@tailwindcss/typography";
@plugin "daisyui" { @plugin "daisyui" {
themes: light --default, dark --prefersdark; themes: light --default, dark --prefersdark;
} }
.shimmer {
background-image: linear-gradient(60deg, transparent 30%, rgba(100%,100%,100%,0.2) 50%, transparent 70%);
background-size: 300%;
background-position-x: 100%;
animation: shimmer 2s infinite linear;
}
@keyframes shimmer {
to {
background-position-x: 0;
}
}