From 13a9421f3facece74729fab157907dc2c78e57bb Mon Sep 17 00:00:00 2001 From: Alwin John <47777599+Dexters-Hub@users.noreply.github.com> Date: Sat, 24 Jul 2021 16:58:27 +0530 Subject: [PATCH] added a correct the path to the sponsers logo (#6813) --- frontend/pages/community.tsx | 48 ++++++++++++++++++------------------ 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/frontend/pages/community.tsx b/frontend/pages/community.tsx index a3f538b558..1a0dad26dd 100644 --- a/frontend/pages/community.tsx +++ b/frontend/pages/community.tsx @@ -5,7 +5,9 @@ import Meta from '../components/meta' import Header from '../components/header' import Footer from '../components/footer' import { BaseFont, GlobalStyle, H3 } from '../components/common' - +import Heroku from '../../static/images/heroku-logotype-horizontal-purple.svg' +import NodePing from '../../static/images/nodeping.svg' +import Sentry from '../../static/images/sentry-logo-black.svg' const MainContainer = styled(BaseFont)` text-align: center; ` @@ -18,6 +20,10 @@ const SponsorContainer = styled.div` padding-top: 20px; ` +const SponsorItems = styled.div` + text-align: left; +` + export default function SponsorsPage(): JSX.Element { const baseUrl = getBaseUrl() return ( @@ -36,29 +42,23 @@ export default function SponsorsPage(): JSX.Element { <h4>Sponsors</h4> ❤️ These companies help us by donating their services to shields: <ul style={{ listStyleType: 'none' }}> - <li> - <a href="https://www.heroku.com/"> - <img - alt="heroku logo" - height="80" - src="/images/heroku-logotype-horizontal-purple.svg" - /> - </a> - </li> - <li> - <a href="https://nodeping.com/"> - <img alt="nodeping logo" height="80" src="/images/nodeping.svg" /> - </a> - </li> - <li> - <a href="https://sentry.io/"> - <img - alt="sentry logo" - height="80" - src="/images/sentry-logo-black.svg" - /> - </a> - </li> + <SponsorItems> + <li> + <a href="https://www.heroku.com/"> + <Heroku alt="heroku_logo" height={120} /> + </a> + </li> + <li> + <a href="https://nodeping.com/"> + <NodePing alt="nodeping_logo" height={60} /> + </a> + </li> + <li> + <a href="https://sentry.io/"> + <Sentry alt="sentry_logo" height={100} /> + </a> + </li> + </SponsorItems> </ul> 💵 These organisations help keep shields running by donating on OpenCollective. Your organisation can support this project by{' '} -- GitLab