fix: add semi-transparent white background to buttons for better visibility

This commit is contained in:
2025-11-06 03:48:06 +01:00
parent 6304f8fc1d
commit 6dc318704a
2 changed files with 5 additions and 5 deletions

View File

@@ -20,7 +20,7 @@ export function HomeGlobeNew() {
Project Mycelium enables anyone to deploy their own Internet infrastructure, anywhere. Project Mycelium enables anyone to deploy their own Internet infrastructure, anywhere.
</p> </p>
<button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50"> <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 bg-white/90 hover:bg-gray-50">
Explore Dashboard Explore Dashboard
</button> </button>
</div> </div>

View File

@@ -13,7 +13,7 @@ export function HomeProductsA() {
<p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10"> <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
Deploy K8s clusters on sovereign infrastructure. Deploy K8s clusters on sovereign infrastructure.
</p> </p>
<button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50"> <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90bg-white/90 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
Learn more Learn more
</button> </button>
</div> </div>
@@ -26,7 +26,7 @@ export function HomeProductsA() {
<p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10"> <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
Encrypted peer-to-peer mesh networking across the globe. Encrypted peer-to-peer mesh networking across the globe.
</p> </p>
<button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50"> <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
Learn more Learn more
</button> </button>
</div> </div>
@@ -39,7 +39,7 @@ export function HomeProductsA() {
<p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10"> <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
Programmable AI systems that run on your hardware. Programmable AI systems that run on your hardware.
</p> </p>
<button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50"> <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
Learn more Learn more
</button> </button>
</div> </div>
@@ -52,7 +52,7 @@ export function HomeProductsA() {
<p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10"> <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
The 3 powerful resource layers powering the stack. The 3 powerful resource layers powering the stack.
</p> </p>
<button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50"> <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
Learn more Learn more
</button> </button>
</div> </div>