Update IdDisplay component to enhance styling with minWidth and width properties for better layout control

This commit is contained in:
Tom Butcher 2025-09-05 23:18:45 +01:00
parent 475f06e5f0
commit 5cf4976635

View File

@ -45,10 +45,18 @@ const IdDisplay = ({
} }
return ( return (
<Flex align={'end'} className='iddisplay'> <Flex
align={'end'}
className='iddisplay'
style={{ minWidth: '0px', width: '100%' }}
>
{(() => { {(() => {
const textElement = ( const textElement = (
<Text code ellipsis style={showCopy ? { marginRight: 6 } : undefined}> <Text
code
ellipsis
style={showCopy ? { marginRight: 6, minWidth: '0px' } : undefined}
>
{displayId} {displayId}
</Text> </Text>
) )