diff options
| author | Ty Dunn <ty@tydunn.com> | 2023-07-04 21:37:39 -0700 |
|---|---|---|
| committer | Ty Dunn <ty@tydunn.com> | 2023-07-04 21:37:39 -0700 |
| commit | 9dd364dc7f5a5a8513ee4805dfeb303076dc1274 (patch) | |
| tree | e7e0a2b6b8e19b6c95d99bb2de99e77c4f0b7a79 /extension/react-app/src/components/index.ts | |
| parent | 458d2837163489ebaab0b21b3d6f3ab89c6a45d2 (diff) | |
| parent | 35f5beabe55c59149ad0a6e4eb242fbc5352bf2e (diff) | |
| download | sncontinue-9dd364dc7f5a5a8513ee4805dfeb303076dc1274.tar.gz sncontinue-9dd364dc7f5a5a8513ee4805dfeb303076dc1274.tar.bz2 sncontinue-9dd364dc7f5a5a8513ee4805dfeb303076dc1274.zip | |
Merge branch 'main' into stop
Diffstat (limited to 'extension/react-app/src/components/index.ts')
| -rw-r--r-- | extension/react-app/src/components/index.ts | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/extension/react-app/src/components/index.ts b/extension/react-app/src/components/index.ts index 429a7df5..db1925ed 100644 --- a/extension/react-app/src/components/index.ts +++ b/extension/react-app/src/components/index.ts @@ -124,16 +124,19 @@ export const appear = keyframes` } `; -export const HeaderButton = styled.button` - background-color: transparent; +export const HeaderButton = styled.button<{ inverted: boolean | undefined }>` + background-color: ${({ inverted }) => (inverted ? "white" : "transparent")}; + color: ${({ inverted }) => (inverted ? "black" : "white")}; + border: 1px solid white; border-radius: ${defaultBorderRadius}; cursor: pointer; - color: white; &:hover { - background-color: white; - color: black; + background-color: ${({ inverted }) => + typeof inverted === "undefined" || inverted ? "white" : "transparent"}; + color: ${({ inverted }) => + typeof inverted === "undefined" || inverted ? "black" : "white"}; } display: flex; align-items: center; |