fix: Model table not scrollable. (#317)

equinor · Sep 13, 2024 · e0238e5 · e0238e5
1 parent 71365d5
commit e0238e5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 11 deletions.
diff --git a/src/features/ModelTable/ModelTable.styled.ts b/src/features/ModelTable/ModelTable.styled.ts
@@ -6,7 +6,6 @@ export const Table = styled.div`
   max-width: 1750px;
   > div {
     height: 100%;
-    overflow: hidden;
     > table {
       min-width: 90% !important;
 
@@ -51,13 +50,3 @@ export const List = styled.div`
     padding-right: ${spacings.X_SMALL};
   }
 `;
-
-export const Upload = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  row-gap: ${spacings.X_SMALL};
-  > p {
-    margin: 0;
-  }
-`;
diff --git a/src/features/ModelTable/ModelTable.tsx b/src/features/ModelTable/ModelTable.tsx
@@ -107,6 +107,7 @@ export const ModelTable = () => {
         columnResizeMode="onChange"
         rows={data.data}
         pageSize={10}
+        scrollbarHorizontal
         columns={[
           { accessorKey: 'name', header: 'Model name', id: 'name' },
           {