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

Update home page

Browse source
This commit is contained in:
Ben Grant 2022-08-16 15:07:13 +10:00
parent a67aee24dc
commit 2d32a1b036
18 changed files with 158 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

12
crabfit-frontend/src/components/CalendarField/CalendarField.styles.js
View file

@ -86,19 +86,19 @@ export const Date = styled('button')`
user-select: none;
touch-action: none;
${props => props.otherMonth && `
${props => props.$otherMonth && `
color: var(--tertiary);
`}
${props => props.isToday && `
${props => props.$isToday && `
font-weight: 900;
color: var(--secondary);
`}
${props => (props.selected || (props.mode === 'add' && props.selecting)) && `
color: ${props.otherMonth ? 'rgba(255,255,255,.5)' : '#FFF'};
${props => (props.$selected || (props.$mode === 'add' && props.$selecting)) && `
color: ${props.$otherMonth ? 'rgba(255,255,255,.5)' : '#FFF'};
background-color: var(--primary);
`}
${props => props.mode === 'remove' && props.selecting && `
${props => props.$mode === 'remove' && props.$selecting && `
background-color: var(--surface);
color: ${props.isToday ? 'var(--secondary)' : (props.otherMonth ? 'var(--tertiary)' : 'inherit')};
color: ${props.$isToday ? 'var(--secondary)' : (props.$otherMonth ? 'var(--tertiary)' : 'inherit')};
`}
`