Minor style fixes
This commit is contained in:
parent
dd6fe446d8
commit
f395ad17a2
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -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};
|
||||
}
|
||||
`}
|
||||
`;
|
||||
|
|
|
|||
Loading…
Reference in a new issue