From 281682531a1e8a5dc36bd78595d8b2ac935735f3 Mon Sep 17 00:00:00 2001 From: kritzl Date: Fri, 15 May 2026 11:43:45 +0200 Subject: [PATCH] small ui improvements --- app/src/i18n/ui.ts | 8 ++++---- app/src/layouts/Layout.astro | 2 +- app/src/pages/[lang]/index.astro | 3 ++- app/src/styles/global.css | 13 +++++++++++++ 4 files changed, 20 insertions(+), 6 deletions(-) diff --git a/app/src/i18n/ui.ts b/app/src/i18n/ui.ts index b8d9c28..c6e7b1f 100644 --- a/app/src/i18n/ui.ts +++ b/app/src/i18n/ui.ts @@ -14,16 +14,16 @@ export const ui = { "unauthenticated.title": "Unauthenticated", "unauthenticated.description": `To use the locks you have to log in with your CCCHH ID and have the "intern@" status.
More infos: CCCHH Wiki`, - "state.unlocked": "Open", - "state.locked": "Closed", + "state.unlocked": "Unlocked", + "state.locked": "Locked", "state.unknown": "Unknown", "state.unlocking": "Unlocking", "state.locking": "Locking", "lock.batteryLow": "Battery low", "lock.unreachable": "Unreachable", "lock.jammed": "Lock jammed", - "button.open": "Open", - "button.close": "Close", + "button.open": "Unlock", + "button.close": "Lock", "login": "Login", "loggedOut.title": "Signed out", "loggedOut.description": `Your session has expired and you have been logged out.
diff --git a/app/src/layouts/Layout.astro b/app/src/layouts/Layout.astro index c2badc1..bce3975 100644 --- a/app/src/layouts/Layout.astro +++ b/app/src/layouts/Layout.astro @@ -20,7 +20,7 @@ const t = useTranslations(lang)
-
+

diff --git a/app/src/pages/[lang]/index.astro b/app/src/pages/[lang]/index.astro index 273eaf9..d7d261a 100644 --- a/app/src/pages/[lang]/index.astro +++ b/app/src/pages/[lang]/index.astro @@ -10,6 +10,7 @@ export async function getStaticPaths() { return [ {params: {lang: "en"}}, {params: {lang: "de"}}, + {params: {lang: "uwu"}}, ] } @@ -35,7 +36,7 @@ const t = useTranslations(lang) description={t("loggedOut.description")} >
- + {t("login")} diff --git a/app/src/styles/global.css b/app/src/styles/global.css index 456d557..5a97e1f 100644 --- a/app/src/styles/global.css +++ b/app/src/styles/global.css @@ -1,6 +1,19 @@ @import "tailwindcss"; + @plugin "@tailwindcss/typography"; @plugin "daisyui" { 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; + } +} \ No newline at end of file