fix:[FL-87][杆塔模型管理页面:统一未授权页面展示样式]
将杆塔模型管理页面的未授权和未登录展示从 Ant Design Card 组件改为语义化 HTML 结构,与用户管理页面保持一致。 - 替换 Card/Space/Button/Typography 组件为 <main> 容器和原生 HTML 元素 - 使用与用户管理页面完全相同的 CSS 类和布局结构 - 保持居中布局和响应式效果一致 - 提升页面状态展示的用户体验统一性 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
@@ -692,23 +692,29 @@ export default function AdminTowerModelsPage() {
|
||||
|
||||
if (!user) {
|
||||
return (
|
||||
<Card>
|
||||
<Space direction="vertical" size={12}>
|
||||
<Typography.Text type="secondary">请先登录后再访问杆塔模型管理页面。</Typography.Text>
|
||||
<Button><Link href="/">返回首页</Link></Button>
|
||||
</Space>
|
||||
</Card>
|
||||
<main className="mx-auto flex min-h-screen w-full max-w-4xl flex-col justify-center gap-4 px-6 py-20">
|
||||
<p className="text-sm text-[var(--gray-11)]">请先登录后再访问杆塔模型管理页面。</p>
|
||||
<Link
|
||||
href="/"
|
||||
className="inline-flex w-fit items-center justify-center rounded-md border border-[var(--gray-6)] bg-[var(--gray-a2)] px-4 py-2 text-sm font-medium text-[var(--gray-12)] transition hover:bg-[var(--gray-a3)]"
|
||||
>
|
||||
返回首页
|
||||
</Link>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
if (!canRead) {
|
||||
return (
|
||||
<Card>
|
||||
<Space direction="vertical" size={12}>
|
||||
<Typography.Text type="secondary">你没有访问该页面的权限(需要 `tower_model.read`)。</Typography.Text>
|
||||
<Button><Link href="/">返回首页</Link></Button>
|
||||
</Space>
|
||||
</Card>
|
||||
<main className="mx-auto flex min-h-screen w-full max-w-4xl flex-col justify-center gap-4 px-6 py-20">
|
||||
<p className="text-sm text-[var(--gray-11)]">你没有访问该页面的权限(需要 `tower_model.read`)。</p>
|
||||
<Link
|
||||
href="/"
|
||||
className="inline-flex w-fit items-center justify-center rounded-md border border-[var(--gray-6)] bg-[var(--gray-a2)] px-4 py-2 text-sm font-medium text-[var(--gray-12)] transition hover:bg-[var(--gray-a3)]"
|
||||
>
|
||||
返回首页
|
||||
</Link>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user