yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-11 02:07:51 +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 }) => { const KeyValuePair = ({ label, value }) => {
return ( return (
<Flex justifyContent="space-between" as="p"> <Flex justifyContent="space-between">
<Typography fontWeight="bold" textColor="neutral600"> <Typography as="dt" fontWeight="bold" textColor="neutral600">
{label} {label}
</Typography> </Typography>
<Typography>{value}</Typography> <Typography as="dd">{value}</Typography>
</Flex> </Flex>
); );
}; };
@ -62,7 +62,7 @@ const Information = () => {
</Box> </Box>
<Stack spacing={4}> <Stack spacing={4}>
<Stack spacing={2}> <Stack spacing={2} as="dl">
<KeyValuePair <KeyValuePair
label={formatMessage({ label={formatMessage({
id: getTrad('containers.Edit.information.created'), id: getTrad('containers.Edit.information.created'),
@ -80,7 +80,7 @@ const Information = () => {
/> />
</Stack> </Stack>
<Stack spacing={2}> <Stack spacing={2} as="dl">
<KeyValuePair <KeyValuePair
label={formatMessage({ label={formatMessage({
id: getTrad('containers.Edit.information.lastUpdate'), id: getTrad('containers.Edit.information.lastUpdate'),