girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-18 06:07:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: 增加一些新组件

Browse source
This commit is contained in:
qier222 2022-05-14 14:39:10 +08:00
parent 0520af8466
commit e9d82dd792
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
17 changed files with 124 additions and 256 deletions
Download patch file Download diff file Expand all files Collapse all files

24
packages/web/components/NowPlaying.tsx
View file

@ -2,7 +2,7 @@ import React from 'react'
import cx from 'classnames'
import SvgIcon from './SvgIcon'
export const NowPlaying = () => {
const NowPlaying = () => {
return (
<div className='relative flex aspect-square w-full flex-col justify-end overflow-hidden rounded-3xl'>
{/* Cover */}
@ -38,10 +38,12 @@ export const NowPlaying = () => {
{/* Controls */}
<div className='mt-4 flex w-full items-center justify-between'>
<SvgIcon
name='shuffle'
className='h-7 w-7 text-black/90 dark:text-white/40'
/>
<button>
<SvgIcon
name='shuffle'
className='h-7 w-7 text-black/90 dark:text-white/40'
/>
</button>
<div className='text-black/95 dark:text-white/80'>
<button className='rounded-full bg-black/10 p-[10px] dark:bg-white/10'>
@ -55,12 +57,16 @@ export const NowPlaying = () => {
</button>
</div>
<SvgIcon
name='repeat-1'
className='h-7 w-7 text-black/90 dark:text-white/40'
/>
<button>
<SvgIcon
name='repeat-1'
className='h-7 w-7 text-black/90 dark:text-white/40'
/>{' '}
</button>
</div>
</div>
</div>
)
}
export default NowPlaying