Center the icons, even in gmail

This commit is contained in:
MartinBraquet
2025-09-12 03:15:17 +02:00
parent e48c3a3f9c
commit cceadc5e04

View File

@@ -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>