Browse Source

ref(ui): Improve wrapping of project grid cards (#44193)

Evan Purkhiser 2 years ago
parent
commit
ee8821ca65
1 changed files with 1 additions and 9 deletions
  1. 1 9
      static/app/views/projectsDashboard/index.tsx

+ 1 - 9
static/app/views/projectsDashboard/index.tsx

@@ -235,16 +235,8 @@ const StyledSearchBar = styled(SearchBar)`
 
 const ProjectCards = styled('div')`
   display: grid;
-  grid-template-columns: minmax(100px, 1fr);
   gap: ${space(3)};
-
-  @media (min-width: ${p => p.theme.breakpoints.small}) {
-    grid-template-columns: repeat(2, minmax(100px, 1fr));
-  }
-
-  @media (min-width: ${p => p.theme.breakpoints.xlarge}) {
-    grid-template-columns: repeat(3, minmax(100px, 1fr));
-  }
+  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
 `;
 
 export {Dashboard};