diff options
| author | August Skare <post@augustskare.no> | 2018-10-26 14:38:10 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-10-26 14:38:10 +0800 |
| commit | 7577d96671f23d1add83cbac1fc98480ee2a6529 (patch) | |
| tree | 6da2ae892f11db36ce38d0f7831bf031255d2281 /packages/dev-tools-pages/ts/components | |
| parent | 58f5b6d0add7456cdf3ab88111b0bf2732e65b9f (diff) | |
| download | dexon-sol-tools-7577d96671f23d1add83cbac1fc98480ee2a6529.tar dexon-sol-tools-7577d96671f23d1add83cbac1fc98480ee2a6529.tar.gz dexon-sol-tools-7577d96671f23d1add83cbac1fc98480ee2a6529.tar.bz2 dexon-sol-tools-7577d96671f23d1add83cbac1fc98480ee2a6529.tar.lz dexon-sol-tools-7577d96671f23d1add83cbac1fc98480ee2a6529.tar.xz dexon-sol-tools-7577d96671f23d1add83cbac1fc98480ee2a6529.tar.zst dexon-sol-tools-7577d96671f23d1add83cbac1fc98480ee2a6529.zip | |
new hover styling
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Button.tsx | 2 | ||||
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Tabs.tsx | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx index 90d991496..65f1fce74 100644 --- a/packages/dev-tools-pages/ts/components/Button.tsx +++ b/packages/dev-tools-pages/ts/components/Button.tsx @@ -24,7 +24,7 @@ const Button = padding: ${props => (props.large ? '1.125rem 2.375rem' : '.5625rem 1.25rem')}; display: inline-block; :hover, :focus { - color: ${props => props.colors.main}; + background-color: ${props => props.colors.secondary_alt}; } ${props => props.large && diff --git a/packages/dev-tools-pages/ts/components/Tabs.tsx b/packages/dev-tools-pages/ts/components/Tabs.tsx index 4d436f519..36c707b06 100644 --- a/packages/dev-tools-pages/ts/components/Tabs.tsx +++ b/packages/dev-tools-pages/ts/components/Tabs.tsx @@ -39,7 +39,7 @@ const Root = &[aria-selected="false"]:focus, &[aria-selected="false"]:hover { - color: ${props => props.colors.main}; + background-color: ${props => props.colors.secondary_alt}; cursor: pointer; } } |