scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Minor style fixes

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
crabfit-frontend/src/components/Logo/logoStyle.ts
View file

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

3
crabfit-frontend/src/components/ToggleField/toggleFieldStyle.ts
View file

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

2
crabfit-frontend/src/pages/Event/eventStyle.ts
View file

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