mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-04-15 20:17:13 -04:00
Center the icons, even in gmail
This commit is contained in:
@@ -11,84 +11,44 @@ export const Footer = ({
|
||||
}: Props) => {
|
||||
return <Section style={footer}>
|
||||
<hr style={{border: 'none', borderTop: '1px solid #e0e0e0', margin: '10px 0'}}/>
|
||||
<Row style={{marginTop: "20px"}}>
|
||||
<Column style={{ justifyContent: "center", alignItems: "center", display: "flex" }}>
|
||||
<Link
|
||||
href="https://github.com/CompassMeet/Compass"
|
||||
target="_blank"
|
||||
style={{ margin: "0 4px" }}
|
||||
>
|
||||
<Row>
|
||||
<Column align="center">
|
||||
<Link href="https://github.com/CompassMeet/Compass" target="_blank">
|
||||
<Img
|
||||
src="https://cdn-icons-png.flaticon.com/512/733/733553.png"
|
||||
width="24"
|
||||
height="24"
|
||||
alt="GitHub"
|
||||
style={{ display: "inline-block", margin: "0 4px" }}
|
||||
/>
|
||||
</Link>
|
||||
<Link
|
||||
href="https://discord.gg/8Vd7jzqjun"
|
||||
target="_blank"
|
||||
style={{margin: "0 4px"}}
|
||||
>
|
||||
<Link href="https://discord.gg/8Vd7jzqjun" target="_blank">
|
||||
<Img
|
||||
src="https://cdn-icons-png.flaticon.com/512/2111/2111370.png"
|
||||
width="24"
|
||||
height="24"
|
||||
alt="Discord"
|
||||
style={{ display: "inline-block", margin: "0 4px" }}
|
||||
/>
|
||||
</Link>
|
||||
<Link
|
||||
href="https://patreon.com/CompassMeet"
|
||||
target="_blank"
|
||||
style={{margin: "0 4px"}}
|
||||
>
|
||||
<Link href="https://patreon.com/CompassMeet" target="_blank">
|
||||
<Img
|
||||
src="https://static.vecteezy.com/system/resources/previews/027/127/454/non_2x/patreon-logo-patreon-icon-transparent-free-png.png"
|
||||
width="48"
|
||||
height="48"
|
||||
width="24"
|
||||
height="24"
|
||||
alt="Patreon"
|
||||
style={{ display: "inline-block", margin: "0 4px" }}
|
||||
/>
|
||||
</Link>
|
||||
<Link
|
||||
href="https://www.paypal.com/paypalme/MartinBraquet"
|
||||
target="_blank"
|
||||
style={{margin: "0 4px"}}
|
||||
>
|
||||
<Link href="https://www.paypal.com/paypalme/MartinBraquet" target="_blank">
|
||||
<Img
|
||||
src="https://cdn-icons-png.flaticon.com/512/174/174861.png"
|
||||
width="24"
|
||||
height="24"
|
||||
alt="PayPal"
|
||||
style={{ display: "inline-block", margin: "0 4px" }}
|
||||
/>
|
||||
</Link>
|
||||
{/*<Column>*/}
|
||||
{/* <Link*/}
|
||||
{/* href="https://linkedin.com/in/yourhandle"*/}
|
||||
{/* target="_blank"*/}
|
||||
{/* style={{ margin: "0 8px" }}*/}
|
||||
{/* >*/}
|
||||
{/* <Img*/}
|
||||
{/* src="https://cdn-icons-png.flaticon.com/512/174/174857.png"*/}
|
||||
{/* width="24"*/}
|
||||
{/* height="24"*/}
|
||||
{/* alt="LinkedIn"*/}
|
||||
{/* />*/}
|
||||
{/* </Link>*/}
|
||||
{/*</Column>*/}
|
||||
{/*<Column>*/}
|
||||
{/* <Link*/}
|
||||
{/* href="https://twitter.com/yourhandle"*/}
|
||||
{/* target="_blank"*/}
|
||||
{/* style={{ margin: "0 8px" }}*/}
|
||||
{/* >*/}
|
||||
{/* <Img*/}
|
||||
{/* src="https://cdn-icons-png.flaticon.com/512/733/733579.png"*/}
|
||||
{/* width="24"*/}
|
||||
{/* height="24"*/}
|
||||
{/* alt="Twitter"*/}
|
||||
{/* />*/}
|
||||
{/* </Link>*/}
|
||||
{/*</Column>*/}
|
||||
</Column>
|
||||
</Row>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user