50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
![]() |
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
|