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

feat: updates

Browse source
This commit is contained in:
qier222 2022-08-03 23:48:39 +08:00
parent 47e41dea9b
commit ebebf2a733
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
160 changed files with 4148 additions and 2001 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/web/components/New/Topbar/NavigationButtons.tsx
View file

@ -4,6 +4,9 @@ import { useNavigate } from 'react-router-dom'
import { ease } from '@/web/utils/const'
import Icon from '../../Icon'
const buttonClassNames =
'app-region-no-drag rounded-full bg-white/10 p-2.5 text-white/40 backdrop-blur-3xl transition-colors duration-400 hover:bg-white/20 hover:text-white/60'
const NavigationButtons = () => {
const navigate = useNavigate()
const controlsBack = useAnimation()
@ -18,10 +21,10 @@ const NavigationButtons = () => {
await controlsBack.start({ x: -5 })
await controlsBack.start({ x: 0 })
}}
className='app-region-no-drag rounded-full bg-white/10 p-2.5 text-white/40 backdrop-blur-3xl'
className={buttonClassNames}
>
<motion.div animate={controlsBack} transition={transition}>
<Icon name='back' className='h-7 w-7 ' />
<Icon name='back' className='h-7 w-7' />
</motion.div>
</button>
<button
@ -32,7 +35,7 @@ const NavigationButtons = () => {
await controlsForward.start({ x: 5 })
await controlsForward.start({ x: 0 })
}}
className='app-region-no-drag ml-2.5 rounded-full bg-white/10 p-2.5 text-white/40 backdrop-blur-3xl'
className={cx('ml-2.5', buttonClassNames)}
>
<motion.div animate={controlsForward} transition={transition}>
<Icon name='forward' className='h-7 w-7' />