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

Improves the arrow design in the "Network overview" after aligning with @nicolaesocaciu
Unleash · Feb 23, 2024 · aa97cc4 · aa97cc4
1 parent bae195a
commit aa97cc4
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx b/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
@@ -33,7 +33,7 @@ const StyledElementBox = styled('div')(({ theme }) => ({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
-    padding: theme.spacing(2),
+    padding: theme.spacing(1.5),
     zIndex: 1,
     '& > svg': {
         width: theme.spacing(9),
@@ -126,7 +126,15 @@ export const NetworkOverview = () => {
     }
 
     return (
-        <ArcherContainer strokeColor={theme.palette.text.primary}>
+        <ArcherContainer
+            strokeColor={theme.palette.text.primary}
+            endShape={{
+                arrow: {
+                    arrowLength: 4,
+                    arrowThickness: 4,
+                },
+            }}
+        >
             <StyleUnleashContainer>
                 <ArcherElement id='unleash'>
                     <StyledElementBox>