fix dense in metadata table

2020-09-23 14:06:23 +02:00
parent 2dc6a3213c
commit 9959558d2f
2 changed files with 14 additions and 1 deletions
@@ -71,7 +71,7 @@ export const MetadataTable = ({
  dense?: boolean;
  children: React.ReactNode;
 }) => (
-  <Table>
+  <Table size={dense ? 'small' : 'medium'}>
    {!dense && (
      <colgroup>
        <col style={{ width: 'auto' }} />
@@ -56,3 +56,16 @@ export const Default = () => (
    </InfoCard>
  </Wrapper>
 );
+
+export const DenseTable = () => (
+  <Wrapper>
+    <InfoCard
+      title="Dense Structured Metadata Table"
+      subheader="Wrapped in InfoCard"
+    >
+      <div style={cardContentStyle}>
+        <StructuredMetadataTable metadata={metadata} dense />
+      </div>
+    </InfoCard>
+  </Wrapper>
+);