Skip to content

Commit 4054ea2

Browse files
HassanZahirniaHassanZahirnia
committed
✨ Update sponsor link styles for improved consistency and layout
1 parent 7c12693 commit 4054ea2

File tree

3 files changed

+45
-37
lines changed

3 files changed

+45
-37
lines changed

‎resources/views/components/sponsors/lists/docs/corporate-sponsors.blade.php

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<a
22
href="https://www.redgalaxy.co.uk/"
3-
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
3+
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
44
title="Learn more about RedGalaxy"
55
aria-label="Visit RedGalaxy website"
66
rel="noopener"
@@ -14,7 +14,7 @@ class="h-auto max-h-8 max-w-full"
1414

1515
<a
1616
href="https://sevalla.com/?utm_source=nativephp&utm_medium=Referral&utm_campaign=homepage"
17-
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
17+
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
1818
title="Learn more about Sevalla"
1919
aria-label="Visit Sevalla website"
2020
rel="noopener"
@@ -29,7 +29,7 @@ class="h-auto max-h-8 max-w-full text-black dark:text-white"
2929
{{--
3030
<a
3131
href="https://serverauth.com/"
32-
class="dark:bg-mirage dark:hover:ring-cloud dark:hover:bg-haiti inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60"
32+
class="dark:bg-mirage dark:hover:ring-cloud dark:hover:bg-haiti inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60"
3333
title="ServerAuth sponsor"
3434
aria-label="Visit ServerAuth website, sponsor"
3535
>
@@ -42,7 +42,7 @@ class="block h-auto max-h-8 max-w-full fill-[#042340] dark:fill-white"
4242

4343
<a
4444
href="https://www.kaashosting.nl/?lang=en"
45-
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
45+
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
4646
title="Learn more about KaasHosting"
4747
aria-label="Visit KaasHosting website"
4848
rel="noopener"
@@ -56,7 +56,7 @@ class="block h-auto max-h-8 max-w-full fill-[#042340] dark:fill-white"
5656

5757
<a
5858
href="https://borah.digital/"
59-
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
59+
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
6060
title="Learn more about Borah Digital Labs"
6161
aria-label="Visit Borah Digital Labs website"
6262
rel="noopener"

‎resources/views/components/sponsors/lists/docs/featured-sponsors.blade.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
href="https://beyondco.de/?utm_source=nativephp&utm_medium=logo&utm_campaign=nativephp"
33
title="Learn more about BeyondCode"
44
aria-label="Visit BeyondCode website"
5-
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
5+
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
66
rel="noopener sponsored"
77
>
88
<img
@@ -24,7 +24,7 @@ class="hidden h-auto max-h-8 max-w-full dark:block"
2424
href="https://laradevs.com/?ref=nativephp"
2525
title="Learn more about Laradevs"
2626
aria-label="Visit Laradevs website"
27-
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
27+
class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
2828
rel="noopener sponsored"
2929
>
3030
<x-sponsors.logos.laradevs

‎resources/views/components/toc-and-sponsors.blade.php

Lines changed: 38 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -27,39 +27,47 @@ class="mt-2 flex flex-col space-y-2 border-l text-xs dark:border-l-white/15"
2727
</div>
2828
@endif
2929

30-
{{-- Sponsor us --}}
31-
<a
32-
href="https://github.com/nativephp/laravel?sponsor=1"
33-
class="mt-10 flex w-full items-center justify-center gap-3 rounded-xl bg-pink-100 p-5 text-center transition duration-300 ease-in-out hover:bg-pink-200/80 dark:bg-pink-600/10 dark:hover:bg-pink-600/15"
34-
>
35-
<x-icons.love-baloons class="w-8" />
36-
<div class="text-sm font-medium dark:font-normal">Sponsor us on GitHub</div>
37-
</a>
30+
<div class="max-w-52">
31+
{{-- Sponsor us --}}
32+
<a
33+
href="https://github.com/nativephp/laravel?sponsor=1"
34+
class="mt-10 flex w-full items-center justify-center gap-3 rounded-xl bg-pink-100 p-5 text-center transition duration-300 ease-in-out hover:bg-pink-200/80 dark:bg-pink-600/10 dark:hover:bg-pink-600/15"
35+
>
36+
<x-icons.love-baloons class="w-8" />
37+
<div class="text-sm font-medium dark:font-normal">
38+
Sponsor us on GitHub
39+
</div>
40+
</a>
3841

39-
{{-- Featured sponsors --}}
40-
<h3
41-
class="mt-7 flex items-center gap-1.5 border-t border-t-black/20 pt-5 text-sm opacity-60 dark:border-t-white/15"
42-
>
43-
{{-- Icon --}}
44-
<x-icons.star-circle class="size-[18px]" />
42+
{{-- Featured sponsors --}}
43+
<h3
44+
class="mt-7 flex items-center gap-1.5 border-t border-t-black/20 pt-5 text-sm opacity-60 dark:border-t-white/15"
45+
>
46+
{{-- Icon --}}
47+
<x-icons.star-circle class="size-[18px]" />
4548

46-
{{-- Label --}}
47-
<div>Featured sponsors</div>
48-
</h3>
49+
{{-- Label --}}
50+
<div>Featured sponsors</div>
51+
</h3>
4952

50-
{{-- List --}}
51-
<div class="space-y-3 pt-2.5"><x-sponsors.lists.docs.featured-sponsors /></div>
53+
{{-- List --}}
54+
<div class="space-y-3 pt-2.5">
55+
<x-sponsors.lists.docs.featured-sponsors />
56+
</div>
5257

53-
{{-- Corporate sponsors --}}
54-
<h3
55-
class="mt-7 flex items-center gap-1.5 border-t border-t-black/20 pt-5 text-sm opacity-60 dark:border-t-white/15"
56-
>
57-
{{-- Icon --}}
58-
<x-icons.briefcase class="size-[18px]" />
58+
{{-- Corporate sponsors --}}
59+
<h3
60+
class="mt-7 flex items-center gap-1.5 border-t border-t-black/20 pt-5 text-sm opacity-60 dark:border-t-white/15"
61+
>
62+
{{-- Icon --}}
63+
<x-icons.briefcase class="size-[18px]" />
5964

60-
{{-- Label --}}
61-
<div>Corporate sponsors</div>
62-
</h3>
65+
{{-- Label --}}
66+
<div>Corporate sponsors</div>
67+
</h3>
6368

64-
{{-- List --}}
65-
<div class="space-y-3 pt-2.5"><x-sponsors.lists.docs.corporate-sponsors /></div>
69+
{{-- List --}}
70+
<div class="space-y-3 pt-2.5">
71+
<x-sponsors.lists.docs.corporate-sponsors />
72+
</div>
73+
</div>

0 commit comments

Comments
 (0)