Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-27 13:49:10 +02:00
Code Issues Projects Releases Wiki Activity

Consolidate spacing in containers:

Browse Source
This commit is contained in:
Thomas Heartman 2024-07-23 09:24:53 +02:00
parent 78982e6f92
commit bfb8bc71ae
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
2 changed files with 19 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/component/feature/FeatureView/Contributors.tsx
View File

@ -72,10 +72,9 @@ const Collaborators: FC<CollaboratorListProps> = ({ users }) => {
const Container = styled('article')(({ theme }) => ({ const Container = styled('article')(({ theme }) => ({
display: 'flex', display: 'flex',
flexDirection: 'row', flexDirection: 'row',
gap: theme.spacing(4), gap: theme.spacing(10),
alignItems: 'center', alignItems: 'center',
justifyContent: 'space-between', justifyContent: 'space-between',
marginInlineEnd: theme.spacing(4),
[theme.breakpoints.down('xl')]: { [theme.breakpoints.down('xl')]: {
display: 'none', display: 'none',
}, },

10
frontend/src/component/feature/FeatureView/FeatureView.tsx
View File

@ -117,11 +117,9 @@ const StyledSeparator = styled('div')(({ theme }) => ({
const StyledTabRow = styled('div')(({ theme }) => ({ const StyledTabRow = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
flexFlow: 'row nowrap', flexFlow: 'row nowrap',
})); gap: theme.spacing(4),
paddingInline: theme.spacing(4),
const StyledTabContainer = styled('div')(({ theme }) => ({ justifyContent: 'space-between',
padding: theme.spacing(0, 4),
flex: '1',
})); }));
const StyledTabButton = styled(Tab)(({ theme }) => ({ const StyledTabButton = styled(Tab)(({ theme }) => ({
@ -363,7 +361,6 @@ export const FeatureView = () => {
</StyledInnerContainer> </StyledInnerContainer>
<StyledSeparator /> <StyledSeparator />
<StyledTabRow> <StyledTabRow>
<StyledTabContainer>
<Tabs <Tabs
value={activeTab.path} value={activeTab.path}
indicatorColor='primary' indicatorColor='primary'
@ -379,7 +376,6 @@ export const FeatureView = () => {
/> />
))} ))}
</Tabs> </Tabs>
</StyledTabContainer>
<Collaborators collaborators={feature.collaborators} /> <Collaborators collaborators={feature.collaborators} />
</StyledTabRow> </StyledTabRow>
</StyledHeader> </StyledHeader>