biss
c1b36b4d72
个人资料改为“身份卡 + 编辑工作区”双栏布局 侧栏加入语义图标、产品域标题和更明确的选中状态 页面首屏增加身份控制台层级标识 用户名、邮箱、姓名、语言会随表单内容实时呈现 390px 移动端自动堆叠，无横向溢出 相关组件已由 Keycloakify 正式认领，后续同步不会覆盖
52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
/**
|
|
* This file has been claimed for ownership from @keycloakify/keycloak-account-ui version 260700.0.3.
|
|
* To relinquish ownership and restore this file to its original content, run the following command:
|
|
*
|
|
* $ npx keycloakify own --path "account/components/page/Page.tsx" --revert
|
|
*/
|
|
|
|
/* eslint-disable */
|
|
|
|
// @ts-nocheck
|
|
|
|
import {
|
|
PageSection,
|
|
Text,
|
|
TextContent,
|
|
Title
|
|
} from "../../../shared/@patternfly/react-core";
|
|
import { PropsWithChildren } from "react";
|
|
|
|
type PageProps = {
|
|
title: string;
|
|
description: string;
|
|
};
|
|
|
|
export const Page = ({ title, description, children }: PropsWithChildren<PageProps>) => {
|
|
return (
|
|
<>
|
|
<PageSection variant="light">
|
|
<div className="nexus-page-intro">
|
|
<div className="nexus-page-intro__copy">
|
|
<span className="nexus-page-intro__kicker">
|
|
NEXUS / Identity control
|
|
</span>
|
|
<TextContent>
|
|
<Title headingLevel="h1" data-testid="page-heading">
|
|
{title}
|
|
</Title>
|
|
<Text component="p">{description}</Text>
|
|
</TextContent>
|
|
</div>
|
|
<div className="nexus-page-intro__mark" aria-hidden="true">
|
|
<span>ID</span>
|
|
<i />
|
|
<span>ACCOUNT</span>
|
|
</div>
|
|
</div>
|
|
</PageSection>
|
|
<PageSection variant="light">{children}</PageSection>
|
|
</>
|
|
);
|
|
};
|