1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-06 00:07:44 +01:00
unleash.unleash/frontend/src/component/integrations/IntegrationList/IntegrationList.styles.tsx
Nuno Góis 8736189b4f
fix: UI improvements related to the increase of width (#5752)
https://linear.app/unleash/issue/UNL-309/1500px-width-ui-issues

UI fixes, improvements and adjustments related to the recent increase in
width on the UI. Tried to follow the feature flag logic wherever it made
sense.


![image](https://github.com/Unleash/unleash/assets/14320932/b5b4f437-c232-4025-ab24-09070a036592)


![image](https://github.com/Unleash/unleash/assets/14320932/e9008e3b-db5c-4553-bd7d-58a01120433d)


Co-authored-by: Nicolae <nicolae@getunleash.ai>
2024-01-04 09:57:30 +00:00

13 lines
356 B
TypeScript

import { styled } from '@mui/material';
export const StyledCardsGrid = styled('div')<{ small?: boolean }>(
({ theme, small = false }) => ({
gridTemplateColumns: `repeat(auto-fill, minmax(${
small ? '280px' : '350px'
}, 1fr))`,
gridAutoRows: '1fr',
gap: theme.spacing(2),
display: 'grid',
}),
);