fix: uppdated responsive bahaviour of data table

equinor · Sep 8, 2023 · df5804c · df5804c
1 parent b252408
commit df5804c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/Table.styled.ts b/src/components/Table.styled.ts
@@ -1,6 +1,18 @@
 import styled from 'styled-components'
+import { spacings } from '../tokens/spacings'
 
 export const StyledDiv = styled.div`
   overflow-x: auto;
-  padding-bottom: 15px;
+  padding-bottom: ${spacings.MEDIUM};
+
+  > .table-wrapper {
+    > table {
+      width: auto !important;
+      margin: 0px !important;
+    }
+
+    > div {
+      max-width: none !important;
+    }
+  }
 `
diff --git a/src/components/Table.tsx b/src/components/Table.tsx
@@ -1,7 +1,7 @@
 import { Chip } from '@equinor/eds-core-react'
+import { EdsDataGrid } from '@equinor/eds-data-grid-react'
 import { useGetAnalogueModels } from '../hooks/useGetAnalogueModels'
 import * as Styled from './Table.styled'
-import { EdsDataGrid } from '@equinor/eds-data-grid-react'
 
 export const Table = () => {
   const { data: models } = useGetAnalogueModels()