fix(ui): refine image filters for playing and paused states in SquiddiesGlass
Signed-off-by: Deluan <deluan@navidrome.org>
This commit is contained in:
parent
36a7be9eaf
commit
4570dec675
2 changed files with 3 additions and 4 deletions
|
|
@ -51,7 +51,6 @@ const useStyles = makeStyles({
|
||||||
borderRadius: '4px',
|
borderRadius: '4px',
|
||||||
flexShrink: 0,
|
flexShrink: 0,
|
||||||
cursor: 'pointer',
|
cursor: 'pointer',
|
||||||
filter: 'none !important',
|
|
||||||
},
|
},
|
||||||
row: {
|
row: {
|
||||||
cursor: 'pointer',
|
cursor: 'pointer',
|
||||||
|
|
|
||||||
|
|
@ -208,11 +208,11 @@ export default {
|
||||||
borderBottom: `1px solid ${colors.gray[300]}`,
|
borderBottom: `1px solid ${colors.gray[300]}`,
|
||||||
padding: '10px !important',
|
padding: '10px !important',
|
||||||
color: `${colors.gray[100]} !important`,
|
color: `${colors.gray[100]} !important`,
|
||||||
'& img': {
|
'& img[alt="playing"], & img[alt="paused"]': {
|
||||||
filter:
|
filter:
|
||||||
'brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(7463%) hue-rotate(289deg) brightness(95%) contrast(102%);',
|
'brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(7463%) hue-rotate(289deg) brightness(95%) contrast(102%)',
|
||||||
},
|
},
|
||||||
'& img + span': {
|
'& img[alt="playing"] + span, & img[alt="paused"] + span': {
|
||||||
color: colors.pink[500],
|
color: colors.pink[500],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue