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

2025-09-05 23:18:45 +01:00 · 2025-09-05 23:18:45 +01:00 · 5cf4976635
commit 5cf4976635
parent 475f06e5f0
1 changed files with 10 additions and 2 deletions
--- a/src/components/Dashboard/common/IdDisplay.jsx
+++ b/src/components/Dashboard/common/IdDisplay.jsx
@ -45,10 +45,18 @@ const IdDisplay = ({
  }

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