diff --git a/.changeset/forty-facts-deny.md b/.changeset/forty-facts-deny.md new file mode 100644 index 0000000000..948cbd80f0 --- /dev/null +++ b/.changeset/forty-facts-deny.md @@ -0,0 +1,5 @@ +--- +"@emdash-cms/admin": patch +--- + +Replaces the horizontal language-switch button bar on the admin login page with a dropdown, so the selector stays usable as more locales are added. diff --git a/packages/admin/src/components/LoginPage.tsx b/packages/admin/src/components/LoginPage.tsx index af5b56adfb..80649fffab 100644 --- a/packages/admin/src/components/LoginPage.tsx +++ b/packages/admin/src/components/LoginPage.tsx @@ -13,7 +13,7 @@ * redirects to the admin dashboard since authentication is handled externally. */ -import { Button, Input, Loader } from "@cloudflare/kumo"; +import { Button, Input, Loader, Select } from "@cloudflare/kumo"; import { Trans, useLingui } from "@lingui/react/macro"; import { useQuery } from "@tanstack/react-query"; import { Link } from "@tanstack/react-router"; @@ -366,22 +366,14 @@ export function LoginPage({ redirectUrl = "/_emdash/admin" }: LoginPageProps) { {/* Language selector — only shown when multiple locales are available */} {SUPPORTED_LOCALES.length > 1 && ( -
- {SUPPORTED_LOCALES.map((l, i) => ( - - {i > 0 && ·} - - - ))} +
+