navidrome/ui/src/audioplayer/styles.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

50 lines
1.1 KiB
JavaScript
Raw Normal View History

import { makeStyles } from '@material-ui/core/styles'
const useStyle = makeStyles(
(theme) => ({
audioTitle: {
textDecoration: 'none',
color: theme.palette.primary.dark,
},
songTitle: {
fontWeight: 'bold',
'&:hover + $qualityInfo': {
opacity: 1,
},
},
songInfo: {
display: 'block',
},
qualityInfo: {
marginTop: '-4px',
opacity: 0,
transition: 'all 500ms ease-out',
},
player: {
display: (props) => (props.visible ? 'block' : 'none'),
'@media screen and (max-width:810px)': {
'& .sound-operation': {
display: 'none',
},
},
'& .progress-bar-content': {
display: 'flex',
flexDirection: 'column',
},
'& .play-mode-title': {
'pointer-events': 'none',
},
'& .music-player-panel .panel-content div.img-rotate': {
'animation-duration': (props) =>
props.enableCoverAnimation ? null : '0s',
},
},
artistAlbum: {
marginTop: '2px',
},
}),
{ name: 'NDAudioPlayer' }
)
export default useStyle