Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #545 from mezotv/fix-sponsor-size

Browse Source 
fix(website): improve sponsor logo alignment
This commit is contained in:
Mauricio Siu 2024-10-12 16:45:40 -06:00 committed by GitHub
commit 6c61d5cdf5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 50 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
apps/website/components/Hero.tsx
View File

@ -199,22 +199,29 @@ export const ShowSponsors = () => {
<h2 className="font-display text-2xl font-medium tracking-tight text-primary sm:text-2xl text-left">
Hero Sponsors 🎖
</h2>
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<a href="https://www.hostinger.com/vps-hosting?ref=dokploy">
<div className="flex flex-wrap items-center gap-4">
<a
href="https://www.hostinger.com/vps-hosting?ref=dokploy"
target="_blank"
className="flex-shrink-0"
rel="noreferrer"
>
<img
src="https://raw.githubusercontent.com/Dokploy/dokploy/canary/.github/sponsors/hostinger.jpg"
alt="hostinger.com"
className="rounded-xl"
width="200"
className="rounded-xl w-[190px] h-auto"
/>
</a>
<a href="https://www.lxaer.com?ref=dokploy">
<a
href="https://www.lxaer.com?ref=dokploy"
target="_blank"
className="flex-shrink-0"
rel="noreferrer"
>
<img
src="https://raw.githubusercontent.com/Dokploy/dokploy/canary/.github/sponsors/lxaer.png"
alt="lxaer.com"
className="rounded-xl"
width="200"
className="rounded-xl w-[70px] h-auto"
/>
</a>
</div>
@ -224,7 +231,11 @@ export const ShowSponsors = () => {
Premium Supporters 🥇
</h2>
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<a href="https://supafort.com/?ref=dokploy">
<a
href="https://supafort.com/?ref=dokploy"
target="_blank"
rel="noreferrer"
>
<img
src="https://supafort.com/build/q-4Ht4rBZR.webp"
alt="Supafort.com"
@ -239,7 +250,11 @@ export const ShowSponsors = () => {
Supporting Members 🥉
</h2>
<div className="flex flex-row gap-10">
<a href="https://lightspeed.run/?ref=dokploy">
<a
href="https://lightspeed.run/?ref=dokploy"
target="_blank"
rel="noreferrer"
>
<img
src="https://github.com/lightspeedrun.png"
className="rounded-xl"
@ -247,7 +262,11 @@ export const ShowSponsors = () => {
alt="Lightspeed.run"
/>
</a>
<a href="https://cloudblast.io/?ref=dokploy">
<a
href="https://cloudblast.io/?ref=dokploy"
target="_blank"
rel="noreferrer"
>
<img
src="https://cloudblast.io/img/logo-icon.193cf13e.svg"
className="rounded-xl"
@ -262,7 +281,11 @@ export const ShowSponsors = () => {
Community Backers 🤝
</h2>
<div className="flex flex-row gap-10">
<a href="https://steamsets.com/?ref=dokploy">
<a
href="https://steamsets.com/?ref=dokploy"
target="_blank"
rel="noreferrer"
>
<img
src="https://avatars.githubusercontent.com/u/111978405?s=200&v=4"
className="rounded-xl"
@ -270,7 +293,11 @@ export const ShowSponsors = () => {
alt="Steamsets.com"
/>
</a>
<a href="https://rivo.gg/?ref=dokploy">
<a
href="https://rivo.gg/?ref=dokploy"
target="_blank"
rel="noreferrer"
>
<img
src="https://avatars.githubusercontent.com/u/126797452?s=200&v=4"
className="rounded-xl"
@ -285,7 +312,11 @@ export const ShowSponsors = () => {
Organizations:
</h2>
<div className="flex flex-row gap-10">
<a href="https://opencollective.com/dokploy">
<a
href="https://opencollective.com/dokploy"
target="_blank"
rel="noreferrer"
>
<img
src="https://opencollective.com/dokploy/organizations.svg?width=890"
alt="Organization Sponsors"
@ -298,7 +329,11 @@ export const ShowSponsors = () => {
Individuals:
</h2>
<div className="flex flex-row gap-10">
<a href="https://opencollective.com/dokploy">
<a
href="https://opencollective.com/dokploy"
target="_blank"
rel="noreferrer"
>
<img
src="https://opencollective.com/dokploy/individuals.svg?width=890"
alt="Individual Sponsors"