yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-09 17:26:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15523 from strapi/fix/styling-with-dl-dt-dd

Browse Source 
[Information]: styling with semantics
This commit is contained in:
Gustav Hansen 2023-01-23 10:35:13 +01:00 committed by GitHub
commit e176245be1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/core/admin/admin/src/content-manager/pages/EditView/Information/index.js
View File

@ -10,11 +10,11 @@ import { getFullName } from '../../../../utils';
const KeyValuePair = ({ label, value }) => {
return (
<Flex justifyContent="space-between" as="p">
<Typography fontWeight="bold" textColor="neutral600">
<Flex justifyContent="space-between">
<Typography as="dt" fontWeight="bold" textColor="neutral600">
{label}
</Typography>
<Typography>{value}</Typography>
<Typography as="dd">{value}</Typography>
</Flex>
);
};
@ -62,7 +62,7 @@ const Information = () => {
</Box>
<Stack spacing={4}>
<Stack spacing={2}>
<Stack spacing={2} as="dl">
<KeyValuePair
label={formatMessage({
id: getTrad('containers.Edit.information.created'),
@ -80,7 +80,7 @@ const Information = () => {
/>
</Stack>
<Stack spacing={2}>
<Stack spacing={2} as="dl">
<KeyValuePair
label={formatMessage({
id: getTrad('containers.Edit.information.lastUpdate'),