linkat.blue
mkizka.dev
+8
-2
app/routes/_index.tsx
+8
-2
app/routes/_index.tsx
···
7
7
import { BlueskyIcon } from "~/features/board/card/icons/bluesky";
8
8
import { i18nServer } from "~/i18n/i18n";
9
9
import { getSessionUserDid } from "~/server/oauth/session";
10
+
import { cn } from "~/utils/cn";
10
11
import { env } from "~/utils/env";
11
12
import { createMeta } from "~/utils/meta";
12
13
import { required } from "~/utils/required";
···
28
29
29
30
export default function Index() {
30
31
const { isLogin } = useLoaderData<typeof loader>();
31
-
const { t } = useTranslation();
32
+
const { t, i18n } = useTranslation();
32
33
return (
33
34
<RootLayout>
34
35
<Main className="utils--center">
35
36
<div className="text-center">
36
-
<h2 className="whitespace-pre-line text-4xl font-bold">
37
+
<h2
38
+
className={cn(
39
+
"whitespace-pre-line font-bold",
40
+
i18n.language === "ja" ? "text-4xl" : "text-3xl",
41
+
)}
42
+
>
37
43
{t("_index.hero-text")}
38
44
</h2>
39
45
<div className="mt-12 flex flex-col items-center gap-2">