diff --git a/src/@images/share.svg b/src/@images/share.svg new file mode 100644 index 000000000..1c25d99cd --- /dev/null +++ b/src/@images/share.svg @@ -0,0 +1,14 @@ + diff --git a/src/components/Profile/Header/Share.module.css b/src/components/Profile/Header/Share.module.css index b56b8b9ec..413176927 100644 --- a/src/components/Profile/Header/Share.module.css +++ b/src/components/Profile/Header/Share.module.css @@ -1,3 +1,8 @@ .share { - padding: 10px; + float: right; +} +.icon { + display: inline-block; + margin-right: calc(var(--spacer) / 5); + fill: var(--brand-pink); } diff --git a/src/components/Profile/Header/Share.tsx b/src/components/Profile/Header/Share.tsx index 18ae2034f..70f9b2d46 100644 --- a/src/components/Profile/Header/Share.tsx +++ b/src/components/Profile/Header/Share.tsx @@ -1,6 +1,7 @@ import React, { ReactElement } from 'react' import styles from './Share.module.css' import Button from '@shared/atoms/Button' +import ShareIcon from '@images/share.svg' export default function Share({ accountId @@ -12,7 +13,13 @@ export default function Share({ } return (