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-06-11 00:19:07 +08:00
parent 4c90db789b
commit 196a974a64
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
21 changed files with 291 additions and 191 deletions
Download patch file Download diff file Expand all files Collapse all files

15
packages/web/components/New/Wave.tsx
View file

@ -1,18 +1,17 @@
import { css, cx, keyframes } from '@emotion/css'
const Wave = ({ playing }: { playing: boolean }) => {
const wave = keyframes`
const wave = keyframes`
0% { transform: scaleY(1) }
50% { transform: scaleY(0.2) }
100% { transform: scaleY(1)}
`
const animation = css`
transform-origin: bottom;
animation: ${wave} 1s ease-in-out infinite;
`
const animation = css`
transform-origin: bottom;
animation: ${wave} 1s ease-in-out infinite;
`
const delay = ['-100ms', '-500ms', '-1200ms', '-1000ms', '-700ms']
const delay = ['-100ms', '-500ms', '-1200ms', '-1000ms', '-700ms']
const Wave = ({ playing }: { playing: boolean }) => {
return (
<div className='grid h-3 grid-cols-5 items-end gap-0.5'>
{[...new Array(5).keys()].map(i => (