diff --git a/packages/core-mobile/app/new/common/components/AccountSettingBarButton.tsx b/packages/core-mobile/app/new/common/components/AccountSettingBarButton.tsx index 5abf3a75fb..96026e49ad 100644 --- a/packages/core-mobile/app/new/common/components/AccountSettingBarButton.tsx +++ b/packages/core-mobile/app/new/common/components/AccountSettingBarButton.tsx @@ -11,7 +11,7 @@ export const AccountSettingBarButton = ({ ( @@ -123,7 +122,7 @@ export const homeScreenOptions: StackNavigationOptions = { sx={{ flexDirection: 'row', gap: 12, - marginRight: 12, + marginRight: 14, height: '100%', alignItems: 'center' }}> diff --git a/packages/k2-alpine/src/components/Avatar/HexagonImageView.tsx b/packages/k2-alpine/src/components/Avatar/HexagonImageView.tsx index 81b59939e2..66837b016b 100644 --- a/packages/k2-alpine/src/components/Avatar/HexagonImageView.tsx +++ b/packages/k2-alpine/src/components/Avatar/HexagonImageView.tsx @@ -108,18 +108,20 @@ export const HexagonImageView = ({ export const HexagonBorder = ({ height }: { height: number }): JSX.Element => { const { theme } = useTheme() + const strokeWidth = Math.floor(150 / height) + return ( + viewBox={hexagonBorderPath.viewBox}> ) @@ -186,6 +188,13 @@ const hexagonPath = { viewBox: '0 0 130 144' } +const hexagonBorderPath = { + path: ` + M76.75 4.36122L117.702 28.0048C124.973 32.2027 129.452 39.9607 129.452 48.3564V95.6436C129.452 104.039 124.973 111.797 117.702 115.995L76.75 139.639C69.4791 143.837 60.5209 143.837 53.25 139.639L12.2981 115.995C5.02717 111.797 0.548096 104.039 0.548096 95.6436V48.3564C0.548096 39.9607 5.02717 32.2027 12.2981 28.0048L53.25 4.36122C60.5209 0.163346 69.4791 0.163345 76.75 4.36122Z +`, + viewBox: '0 0 130 144' +} + const LoadingView = ({ style }: { style: ViewStyle }): JSX.Element => { const backgroundAnimation = useSharedValue(0) const { theme } = useTheme() diff --git a/packages/k2-alpine/src/components/GroupList/GroupList.tsx b/packages/k2-alpine/src/components/GroupList/GroupList.tsx index c0513fa35c..ce5df0ecc4 100644 --- a/packages/k2-alpine/src/components/GroupList/GroupList.tsx +++ b/packages/k2-alpine/src/components/GroupList/GroupList.tsx @@ -47,7 +47,7 @@ export const GroupList = ({ }} onLayout={handleLayout}>