ourworld_web/www_mycelium_cloud2
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update button hover states and add white variant to docs button

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-18 20:11:56 +02:00
parent 45364a7452
commit f5ab743987
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Button.tsx
View File

@@ -17,7 +17,7 @@ const variantStyles = {
}, },
outline: { outline: {
gray: 'border-gray-300 text-gray-700 hover:border-gray-400 active:bg-gray-100 active:text-gray-700/80', gray: 'border-gray-300 text-gray-700 hover:border-gray-400 active:bg-gray-100 active:text-gray-700/80',
white: 'border-gray-300 text-white hover:border-gray-400 active:bg-gray-100 active:text-white', white: 'border-gray-300 text-white hover:border-gray-400 hover:text-gray-300 active:bg-gray-100 active:text-gray-800',
}, },
} }

2
src/components/Header.tsx
View File

@@ -135,7 +135,7 @@ export function Header() {
)} )}
</Popover> </Popover>
<div className="flex items-center gap-6 max-lg:hidden"> <div className="flex items-center gap-6 max-lg:hidden">
<Button href="https://docs.ourworld.tf/mycelium_cloud/docs/" variant="outline"> <Button href="https://docs.ourworld.tf/mycelium_cloud/docs/" variant="outline" color="white">
Docs Docs
</Button> </Button>
<Button href="https://www.mycelium.threefold.io/download/" color="cyan">Get Started</Button> <Button href="https://www.mycelium.threefold.io/download/" color="cyan">Get Started</Button>