1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00

older safari does not support gap (#2470)

This commit is contained in:
Mateusz Kwasniewski 2022-11-18 10:28:29 +01:00 committed by GitHub
parent cd9627ef0b
commit 50f9746963
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 5 additions and 7 deletions

View File

@ -4,7 +4,6 @@ import { StyledAvatar } from './StyledAvatar';
const AddCommentWrapper = styled(Box)(({ theme }) => ({
display: 'flex',
gap: theme.spacing(2),
marginTop: theme.spacing(2),
marginBottom: theme.spacing(1),
}));

View File

@ -7,7 +7,6 @@ import { IChangeRequestComment } from '../../changeRequest.types';
const ChangeRequestCommentWrapper = styled(Box)(({ theme }) => ({
display: 'flex',
gap: theme.spacing(2),
marginTop: theme.spacing(2),
}));
const CommentPaper = styled(Paper)(({ theme }) => ({

View File

@ -4,4 +4,5 @@ export const StyledAvatar = styled(Avatar)(({ theme }) => ({
height: '30px',
width: '30px',
marginTop: theme.spacing(1),
marginRight: theme.spacing(2),
}));

View File

@ -56,7 +56,6 @@ export const ChangeRequestFeatureToggleChange: FC<
<Box
sx={{
display: 'flex',
gap: 1,
pt: conflict ? 0 : 2,
pb: 2,
px: 3,
@ -67,7 +66,7 @@ export const ChangeRequestFeatureToggleChange: FC<
component={Link}
to={`/projects/${projectId}/features/${featureName}`}
color="primary"
sx={{ textDecoration: 'none' }}
sx={{ textDecoration: 'none', marginLeft: 1 }}
onClick={onNavigate}
>
{featureName}

View File

@ -9,14 +9,12 @@ export const StyledPaper = styled(Paper)(({ theme }) => ({
export const StyledContainer = styled(Box)(({ theme }) => ({
display: 'flex',
alignItems: 'center',
gap: 2,
marginBottom: theme.spacing(2),
}));
export const StyledInnerContainer = styled(Box)(({ theme }) => ({
display: 'flex',
alignItems: 'center',
gap: theme.spacing(1.5),
}));
export const StyledHeader = styled(Typography)(({ theme }) => ({
@ -31,7 +29,9 @@ export const StyledCard = styled(Card)(({ theme }) => ({
backgroundColor: theme.palette.tertiary.light,
}));
export const StyledAvatar = styled(Avatar)(() => ({
export const StyledAvatar = styled(Avatar)(({ theme }) => ({
marginLeft: theme.spacing(1),
marginRight: theme.spacing(1),
height: '30px',
width: '30px',
}));