diff options
author | Sebastian <sebasjm@gmail.com> | 2022-08-11 12:28:02 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-08-11 12:28:02 -0300 |
commit | 9bb9d149d2734e724aa1b53dbbcbc71c9f79b42e (patch) | |
tree | 8da05eaae585a29417ffff6336b8e6afe9e92a4e /packages/taler-wallet-webextension/src/components/styled | |
parent | dce055d0d3fe2037d4c3018baa360b9082e37194 (diff) | |
download | wallet-core-9bb9d149d2734e724aa1b53dbbcbc71c9f79b42e.tar.xz |
qr reader
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/styled')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/styled/index.tsx | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/packages/taler-wallet-webextension/src/components/styled/index.tsx b/packages/taler-wallet-webextension/src/components/styled/index.tsx index 2430be7c1..70f996743 100644 --- a/packages/taler-wallet-webextension/src/components/styled/index.tsx +++ b/packages/taler-wallet-webextension/src/components/styled/index.tsx @@ -820,7 +820,8 @@ export const NavigationHeader = styled.div` width: 500px; } - & > a { + & > a, + & > div { color: #f8faf7; display: inline-block; width: 100%; @@ -837,18 +838,20 @@ export const NavigationHeader = styled.div` } `; -export const SvgIcon = styled.div<{ +interface SvgIconProps { title: string; color: string; onClick?: any; -}>` +} +export const SvgIcon = styled.div<SvgIconProps>` & > svg { fill: ${({ color }) => color}; } width: 24px; height: 24px; - margin-left: auto; + margin-left: 8px; margin-right: 8px; + display: inline; padding: 4px; cursor: ${({ onClick }) => (onClick ? "pointer" : "inherit")}; `; @@ -857,7 +860,7 @@ export const Icon = styled.div` background-color: gray; width: 24px; height: 24px; - margin-left: auto; + margin-left: 8px; margin-right: 8px; padding: 4px; `; |