Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-23 13:46:45 +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 }) => ({
display: 'flex',
flexDirection: 'row',
gap: theme.spacing(4),
gap: theme.spacing(10),
alignItems: 'center',
justifyContent: 'space-between',
marginInlineEnd: theme.spacing(4),
[theme.breakpoints.down('xl')]: {
display: 'none',
},

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

@ -117,11 +117,9 @@ const StyledSeparator = styled('div')(({ theme }) => ({
const StyledTabRow = styled('div')(({ theme }) => ({
display: 'flex',
flexFlow: 'row nowrap',
}));
const StyledTabContainer = styled('div')(({ theme }) => ({
padding: theme.spacing(0, 4),
flex: '1',
gap: theme.spacing(4),
paddingInline: theme.spacing(4),
justifyContent: 'space-between',
}));
const StyledTabButton = styled(Tab)(({ theme }) => ({
@ -363,23 +361,21 @@ export const FeatureView = () => {
</StyledInnerContainer>
<StyledSeparator />
<StyledTabRow>
<StyledTabContainer>
<Tabs
value={activeTab.path}
indicatorColor='primary'
textColor='primary'
>
{tabData.map((tab) => (
<StyledTabButton
key={tab.title}
label={tab.title}
value={tab.path}
onClick={() => navigate(tab.path)}
data-testid={`TAB-${tab.title}`}
/>
))}
</Tabs>
</StyledTabContainer>
<Tabs
value={activeTab.path}
indicatorColor='primary'
textColor='primary'
>
{tabData.map((tab) => (
<StyledTabButton
key={tab.title}
label={tab.title}
value={tab.path}
onClick={() => navigate(tab.path)}
data-testid={`TAB-${tab.title}`}
/>
))}
</Tabs>
<Collaborators collaborators={feature.collaborators} />
</StyledTabRow>
</StyledHeader>