remove flex grow

pluralsh · Oct 18, 2024 · f641cea · f641cea
1 parent 8efe291
commit f641cea
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 29 deletions.
diff --git a/www/src/components/cluster/ClusterApps.tsx b/www/src/components/cluster/ClusterApps.tsx
@@ -54,6 +54,7 @@ export function ClusterApps({
           onChange={({ target: { value } }) => setSearch(value)}
         />
       }
+      flexGrow={0}
     >
       {!isEmpty(apps) ? (
         <InfiniteScroller

diff --git a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClients.tsx b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClients.tsx
@@ -159,7 +159,6 @@ export function EditPluralOIDCClients({
         borderRadius: theme.borderRadiuses.large,
         display: 'flex',
         flexDirection: 'column',
-        flexGrow: 1,
         position: 'relative',
         overflow: 'auto',
       }}
@@ -170,37 +169,34 @@ export function EditPluralOIDCClients({
           css={{
             backgroundColor: theme.colors['fill-one'],
             justifyContent: 'center',
-            flexGrow: 1,
           }}
         ></EmptyState>
       ) : (
-        <div css={{ backgroundColor: theme.colors['fill-one'], flexGrow: 1 }}>
-          <Table
-            virtualizeRows
-            data={oidcProviders}
-            columns={columns}
-            hideHeader
-            hasNextPage={pageInfo?.hasNextPage}
-            fetchNextPage={fetchNextPage}
-            isFetchingNextPage={loading}
-            onVirtualSliceChange={setVirtualSlice}
-            reactVirtualOptions={DEFAULT_REACT_VIRTUAL_OPTIONS}
-            reactTableOptions={{
-              meta: { instanceName, useModalOverlay } as TableMetaT,
-            }}
-            style={{
-              border: 'none',
-              borderBottomLeftRadius: 0,
-              borderBottomRightRadius: 0,
-            }}
-            css={{
-              td: {
-                backgroundColor: theme.colors['fill-one'],
-                borderColor: theme.colors['border-fill-two'],
-              },
-            }}
-          />
-        </div>
+        <Table
+          virtualizeRows
+          data={oidcProviders}
+          columns={columns}
+          hideHeader
+          hasNextPage={pageInfo?.hasNextPage}
+          fetchNextPage={fetchNextPage}
+          isFetchingNextPage={loading}
+          onVirtualSliceChange={setVirtualSlice}
+          reactVirtualOptions={DEFAULT_REACT_VIRTUAL_OPTIONS}
+          reactTableOptions={{
+            meta: { instanceName, useModalOverlay } as TableMetaT,
+          }}
+          style={{
+            border: 'none',
+            borderBottomLeftRadius: 0,
+            borderBottomRightRadius: 0,
+          }}
+          css={{
+            td: {
+              backgroundColor: theme.colors['fill-one'],
+              borderColor: theme.colors['border-fill-two'],
+            },
+          }}
+        />
       )}
       <div
         onClick={() => setCreateOpen(true)}