Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-22 19:07:54 +01:00
Code Issues Projects Releases Wiki Activity

fix: better arrow design in network overview (#6331)

Browse Source 
Improves the arrow design in the "Network overview" after aligning with
@nicolaesocaciu
This commit is contained in:
Nuno Góis 2024-02-23 13:38:54 +00:00 committed by GitHub
parent bae195add9
commit aa97cc4637
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
View File

@ -33,7 +33,7 @@ const StyledElementBox = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
alignItems: 'center', alignItems: 'center',
padding: theme.spacing(2), padding: theme.spacing(1.5),
zIndex: 1, zIndex: 1,
'& > svg': { '& > svg': {
width: theme.spacing(9), width: theme.spacing(9),
@ -126,7 +126,15 @@ export const NetworkOverview = () => {
} }
return ( return (
<ArcherContainer strokeColor={theme.palette.text.primary}> <ArcherContainer
strokeColor={theme.palette.text.primary}
endShape={{
arrow: {
arrowLength: 4,
arrowThickness: 4,
},
}}
>
<StyleUnleashContainer> <StyleUnleashContainer>
<ArcherElement id='unleash'> <ArcherElement id='unleash'>
<StyledElementBox> <StyledElementBox>