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 | 26f147d2fdd5412117445c97a937c49b064da082 (patch) | |
| tree | 0dd728f2ce806d0dba2dc15a65a26f2c58562a74 /extension/react-app/src/components/index.ts | |
| parent | d802dae10b26f59893380829feea3104b0650e14 (diff) | |
| parent | 2d8c28965684d03ef711253e5555ef304882828f (diff) | |
| download | sncontinue-26f147d2fdd5412117445c97a937c49b064da082.tar.gz sncontinue-26f147d2fdd5412117445c97a937c49b064da082.tar.bz2 sncontinue-26f147d2fdd5412117445c97a937c49b064da082.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; |