ourworld_web/www_projectmycelium_com
23
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 4 Pull Requests Releases Activity

Compare commits

base: ourworld_web:d7769a5ecd36dce343c7cbb7ed3b8ccd3cb341cf
Branches Tags
ourworld_web:main ourworld_web:development ourworld_web:development_backup ourworld_web:development_sasha ourworld_web:main_backup ourworld_web:main_sasha_dark emre:development_sasha emre:development emre:development_backup emre:main emre:main_backup emre:main_sasha_dark
...
compare: ourworld_web:6dc318704a0f17091c46c8f8f3679e9060eef017
Branches Tags
ourworld_web:development ourworld_web:development_backup ourworld_web:development_sasha ourworld_web:main ourworld_web:main_backup ourworld_web:main_sasha_dark emre:development_sasha emre:development emre:development_backup emre:main emre:main_backup emre:main_sasha_dark

2 Commits
d7769a5ecd ... 6dc318704a

Author SHA1 Message Date
sasha-astiadi
6dc318704a fix: add semi-transparent white background to buttons for better visibility 2025-11-06 03:48:06 +01:00
sasha-astiadi
6304f8fc1d feat: adjust outline button background opacity 2025-11-06 03:47:57 +01:00
3 changed files with 6 additions and 6 deletions
Expand all files Collapse all files

2
src/components/Button.tsx
View File

@@ -5,7 +5,7 @@ const baseStyles = {
solid:
'inline-flex justify-center rounded-full py-2 px-5 text-base font-semibold transition-colors',
outline:
'inline-flex justify-center bg-white hover:bg-[#fafafa] rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(5)-1px)] text-base transition-colors',
'inline-flex justify-center bg-white/90 hover:bg-[#fafafa] rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(5)-1px)] text-base transition-colors',
}
const variantStyles = {

2
src/pages/home/HomeGlobeNew.tsx
View File

@@ -20,7 +20,7 @@ export function HomeGlobeNew() {
Project Mycelium enables anyone to deploy their own Internet infrastructure, anywhere.
</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
</button>
</div>

8
src/pages/home/HomeProductsA.tsx
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">
Deploy K8s clusters on sovereign infrastructure.
</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
</button>
</div>
@@ -26,7 +26,7 @@ export function HomeProductsA() {
<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.
</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
</button>
</div>
@@ -39,7 +39,7 @@ export function HomeProductsA() {
<p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
Programmable AI systems that run on your hardware.
</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
</button>
</div>
@@ -52,7 +52,7 @@ export function HomeProductsA() {
<p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
The 3 powerful resource layers powering the stack.
</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
</button>
</div>