From df07f20805e895389459bf2beee0aa6bf873d3d7 Mon Sep 17 00:00:00 2001
From: Sina Rohde <s.rohde@indiscale.com>
Date: Wed, 25 Sep 2024 10:21:07 +0200
Subject: [PATCH] some styling details
---
pages/fdo/show/[prefix]/sandbox.tsx | 12 +++++++++---
src/components/fdos/details.tsx | 9 +++------
2 files changed, 12 insertions(+), 9 deletions(-)
diff --git a/pages/fdo/show/[prefix]/sandbox.tsx b/pages/fdo/show/[prefix]/sandbox.tsx
index 9b17333..5f51916 100644
--- a/pages/fdo/show/[prefix]/sandbox.tsx
+++ b/pages/fdo/show/[prefix]/sandbox.tsx
@@ -46,6 +46,7 @@ const ShowFDO = () => {
return <ErrorComponent message={t('fdo.show.handle_not_found', 'Handle not found.')} />
}
const displayName = 'FDO-Name'
+ const genInfo = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore voluptua.'
const handleUrl = resolvePid(showId)
const dataPid = data?.data?.dataPid
const metadataPid = data?.data?.metadataPid
@@ -140,15 +141,20 @@ const ShowFDO = () => {
</MenuList>
</Item>
- <Item sx={{ width: '60%' }} >
+ <Item sx={{ width: '50%' }} >
<Stack direction="row" spacing={3}>
<Avatar sx={{ bgcolor: blue[500] }} variant="rounded">
<AssignmentIcon />
</Avatar>
<Typography variant="h5" gutterBottom> {displayName} </Typography>
</Stack><br/>
- <Details/>
- </Item>
+ <Typography variant="subtitle1" gutterBottom sx={{ display: 'block', marginLeft: '10px' }}> {genInfo} </Typography>
+ <br/>
+ <Box>
+ <Details/>
+ </Box>
+ </Item>
+
</Stack>
</div><br/><br/>
diff --git a/src/components/fdos/details.tsx b/src/components/fdos/details.tsx
index 9405990..04a91d9 100644
--- a/src/components/fdos/details.tsx
+++ b/src/components/fdos/details.tsx
@@ -31,7 +31,6 @@ const StyledTableRow = styled(TableRow)(({ theme }) => ({
}
}))
-const genInfo = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.'
const typeInfo = 'CETTS'
const repoInfo = 'LinkAhead'
const dataSpInfo = 'RWTH'
@@ -47,12 +46,10 @@ function createData (
}
const rows = [
- createData('Desription:', genInfo, ''),
createData('Type:', typeInfo, ''),
- createData('Repository:', repoInfo, 'xx'),
- createData('Dataspace:', dataSpInfo, 'xx'),
- createData('Technology:', techInfo, 'xx')
-
+ createData('Repository:', repoInfo, ''),
+ createData('Dataspace:', dataSpInfo, ''),
+ createData('Technology:', techInfo, '')
]
export default function CustomizedTables () {
--
GitLab