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:
parent
cd9627ef0b
commit
50f9746963
@ -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),
|
||||
}));
|
||||
|
@ -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 }) => ({
|
||||
|
@ -4,4 +4,5 @@ export const StyledAvatar = styled(Avatar)(({ theme }) => ({
|
||||
height: '30px',
|
||||
width: '30px',
|
||||
marginTop: theme.spacing(1),
|
||||
marginRight: theme.spacing(2),
|
||||
}));
|
||||
|
@ -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}
|
||||
|
@ -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',
|
||||
}));
|
||||
|
Loading…
Reference in New Issue
Block a user