1
0
forked from baron/baron-sso

인증 가드 타이틀 보조 문구 위치 조정

This commit is contained in:
2026-05-20 11:55:51 +09:00
parent dd1238a4e4
commit dcb442b68d

View File

@@ -1,26 +1,20 @@
import { ShieldHalf } from "lucide-react"; import { ShieldHalf } from "lucide-react";
import { PageHeader } from "../../../../common/core/components/page";
import { t } from "../../lib/i18n"; import { t } from "../../lib/i18n";
import PermissionChecker from "./components/PermissionChecker"; import PermissionChecker from "./components/PermissionChecker";
function AuthPage() { function AuthPage() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div className="flex flex-wrap items-start justify-between gap-4"> <PageHeader
<div className="space-y-2"> titleAs="h2"
<h2 className="flex items-center gap-2 text-3xl font-semibold"> icon={<ShieldHalf size={20} />}
<span className="flex h-10 w-10 items-center justify-center rounded-xl border border-primary/15 bg-primary/10 text-primary"> title={t("ui.admin.auth_guard.title", "Auth Guard")}
<ShieldHalf size={20} /> description={t(
</span> "ui.admin.auth_guard.subtitle",
<span>{t("ui.admin.auth_guard.title", "Auth Guard")}</span> "Verify admin privileges and ReBAC relationships against the policy engine.",
</h2> )}
<p className="text-sm text-muted-foreground"> />
{t(
"ui.admin.auth_guard.subtitle",
"Verify admin privileges and ReBAC relationships against the policy engine.",
)}
</p>
</div>
</div>
<PermissionChecker /> <PermissionChecker />
</div> </div>