diff --git a/microsite/src/pages/community/community.module.scss b/microsite/src/pages/community/community.module.scss index 14ff66db37..ac3a954a2b 100644 --- a/microsite/src/pages/community/community.module.scss +++ b/microsite/src/pages/community/community.module.scss @@ -14,6 +14,12 @@ } } +.partnerLogo { + display: flex; + align-items: center; + justify-content: center; +} + .listContainer { height: 100%; align-items: stretch !important; diff --git a/microsite/src/pages/community/index.tsx b/microsite/src/pages/community/index.tsx index 20013a9638..95e270123a 100644 --- a/microsite/src/pages/community/index.tsx +++ b/microsite/src/pages/community/index.tsx @@ -81,51 +81,48 @@ const Community = () => { }, ]; - const partners: { name: string; url: string; logo: string }[] = [ + const partners: { name: string; url: string; logo: string; height: number }[] = [ { name: 'Frontside Software', url: 'https://frontside.com/backstage/', logo: 'img/partner-logo-frontside', - }, - { - name: 'RedHat', - url: 'https://developers.redhat.com/rhdh', - logo: 'img/partner-logo-redhat', - }, - { - name: 'Roadie', - url: 'https://roadie.io/', - logo: 'img/partner-logo-roadie', - }, - { - name: 'solo.io', - url: 'https://www.solo.io/spotlight/', - logo: 'img/partner-logo-solo', - }, - { - name: 'ThoughtWorks', - url: 'https://www.thoughtworks.com/about-us/partnerships/technology/backstage-by-spotify', - logo: 'img/partner-logo-thoughtworks', - }, - { - name: 'VMWare', - url: 'https://tanzu.vmware.com/developer-portal', - logo: 'img/partner-logo-tanzubybroadcom', - }, - { - name: 'StatusNeo', - url: 'https://statusneo.com/backstage', - logo: 'img/partner-logo-statusneo', - }, - { - name: 'Alauda', - url: 'https://www.alauda.io/community/169249', - logo: 'img/partner-logo-alauda', + height: 62, }, { name: 'Liatrio', url: 'https://www.liatrio.com/service-offerings/backstage', logo: 'img/partner-logo-liatrio', + height: 36, + }, + { + name: 'RedHat', + url: 'https://developers.redhat.com/rhdh', + logo: 'img/partner-logo-redhat', + height: 38, + }, + { + name: 'Roadie', + url: 'https://roadie.io/', + logo: 'img/partner-logo-roadie', + height: 62, + }, + { + name: 'Spotify', + url: 'https://backstage.spotify.com', + logo: 'img/partner-logo-spotify', + height: 28, + }, + { + name: 'StatusNeo', + url: 'https://statusneo.com/backstage', + logo: 'img/partner-logo-statusneo', + height: 30, + }, + { + name: 'ThoughtWorks', + url: 'https://www.thoughtworks.com/about-us/partnerships/technology/backstage-by-spotify', + logo: 'img/partner-logo-thoughtworks', + height: 55, }, ]; //#endregion @@ -232,11 +229,12 @@ const Community = () => { Commercial Partners} > - {partners.map(({ name, url, logo }, index) => ( -
+ {partners.map(({ name, url, logo, height }, index) => ( +