mirror of
https://github.com/qier222/YesPlayMusic.git
synced 2025-03-01 01:38:39 +08:00
24 lines
484 B
TypeScript
24 lines
484 B
TypeScript
import { css, cx } from '@emotion/css'
|
|
import NowPlaying from './NowPlaying'
|
|
import PlayingNext from './PlayingNext'
|
|
|
|
const Player = () => {
|
|
return (
|
|
<div
|
|
className={cx(
|
|
'relative flex w-full flex-col justify-between overflow-hidden pr-6 pl-4',
|
|
css`
|
|
grid-area: player;
|
|
`
|
|
)}
|
|
>
|
|
<PlayingNext className='mb-3 h-full' />
|
|
<div className='pb-20'>
|
|
<NowPlaying />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Player
|