diff --git a/public/locales/en.json b/public/locales/en.json index d7ed6eac..62bab33b 100644 --- a/public/locales/en.json +++ b/public/locales/en.json @@ -119,6 +119,7 @@ "addButton": "Add" }, "ControlPlaneListView": { + "header": "Your instances of ManagedControlPlane", "projectHeader": "Project:" }, "ProjectsListView": { diff --git a/src/index.css b/src/index.css index aa404973..ec678092 100644 --- a/src/index.css +++ b/src/index.css @@ -112,4 +112,9 @@ ui5-form-item { ui5-toast { width: 50ch; max-width: 100%; +} + +.mono-font { + font-family: 'Roboto Mono', monospace; + font-weight: bold; } \ No newline at end of file diff --git a/src/views/ControlPlanes/ControlPlaneListView.tsx b/src/views/ControlPlanes/ControlPlaneListView.tsx index 5a59a664..4fe4ea43 100644 --- a/src/views/ControlPlanes/ControlPlaneListView.tsx +++ b/src/views/ControlPlanes/ControlPlaneListView.tsx @@ -1,10 +1,10 @@ -import { ObjectPage, ObjectPageTitle } from '@ui5/webcomponents-react'; +import { ObjectPage, ObjectPageTitle, Title } from '@ui5/webcomponents-react'; import ProjectChooser from '../../components/Projects/ProjectChooser.tsx'; import { useParams } from 'react-router-dom'; import ControlPlaneListAllWorkspaces from '../../components/ControlPlanes/List/ControlPlaneListAllWorkspaces.tsx'; import IntelligentBreadcrumbs from '../../components/Core/IntelligentBreadcrumbs.tsx'; import { ControlPlaneListToolbar } from '../../components/ControlPlanes/List/ControlPlaneListToolbar.tsx'; -import { useTranslation } from 'react-i18next'; +import { Trans, useTranslation } from 'react-i18next'; export default function ControlPlaneListView() { const { projectName } = useParams(); @@ -16,7 +16,14 @@ export default function ControlPlaneListView() { preserveHeaderStateOnClick={true} titleArea={ + }} + /> + + } subHeader={