Minor style fixes

This commit is contained in:
Ben Grant 2021-06-06 21:21:18 +10:00
parent dd6fe446d8
commit f395ad17a2
3 changed files with 4 additions and 3 deletions

View file

@ -58,7 +58,7 @@ export const Title = styled.span`
export const Tagline = styled.span`
text-decoration: underline;
font-size: 14px;
padding-top: 6px;
padding-top: 2px;
display: flex;
align-items: center;
justify-content: center;

View file

@ -10,6 +10,7 @@ export const ToggleContainer = styled.div`
border-radius: 3px;
overflow: hidden;
--focus-color: ${props => props.theme.primary};
transition: border .15s;
&:focus-within {
--focus-color: ${props => props.theme.mode === 'light' ? props.theme.primaryDark : props.theme.primaryLight};
@ -69,5 +70,5 @@ export const LabelButton = styled.label`
box-sizing: border-box;
align-items: center;
justify-content: center;
transition: box-shadow .15s;
transition: box-shadow .15s, background-color .15s;
`;

View file

@ -90,7 +90,7 @@ export const ShareInfo = styled.p`
cursor: pointer;
&:hover {
color: ${props.theme.primaryDark};
color: ${props.theme.mode === 'light' ? props.theme.primaryDark : props.theme.primaryLight};
}
`}
`;