unleash.unleash/frontend/src/component/integrations/IntegrationList/IntegrationList.styles.tsx

import { styled } from '@mui/material';

export const StyledCardsGrid = styled('div')(({ theme }) => ({
    gridTemplateColumns: 'repeat(auto-fit, minmax(350px, 1fr))',
    gridAutoRows: '1fr',
    gap: theme.spacing(2),
    display: 'grid',
}));
Integration card component (#4557) ![image](https://github.com/Unleash/unleash/assets/2625371/42364fdb-1ff1-48c4-9756-a145a39e45b9) ## About the changes <!-- Describe the changes introduced. What are they and why are they being introduced? Feel free to also add screenshots or steps to view the changes if they're visual. --> <!-- Does it close an issue? Multiple? --> Closes # <!-- (For internal contributors): Does it relate to an issue on public roadmap? --> <!-- Relates to [roadmap](https://github.com/orgs/Unleash/projects/10) item: # --> ### Important files <!-- PRs can contain a lot of changes, but not all changes are equally important. Where should a reviewer start looking to get an overview of the changes? Are any files particularly important? --> ## Discussion points <!-- Anything about the PR you'd like to discuss before it gets merged? Got any questions or doubts? --> 2023-09-05 14:14:03 +02:00			`import { styled } from '@mui/material';`

			`export const StyledCardsGrid = styled('div')(({ theme }) => ({`
			`gridTemplateColumns: 'repeat(auto-fit, minmax(350px, 1fr))',`
			`gridAutoRows: '1fr',`
			`gap: theme.spacing(2),`
			`display: 'grid',`
			`}));`