From f27d451eb63146cf7e7430e1bcbad1dd879ae1da Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Fri, 27 Sep 2024 14:41:13 +0200 Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(frontend)=20make=20active=20?= =?UTF-8?q?speaker=20keyframe=20relative=20to=20height?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Keyframe can now be reused in various context, when the children size are not fixed to 4px. --- src/frontend/panda.config.ts | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/frontend/panda.config.ts b/src/frontend/panda.config.ts index b310c142..7002fb6d 100644 --- a/src/frontend/panda.config.ts +++ b/src/frontend/panda.config.ts @@ -64,16 +64,16 @@ const config: Config = { '100%': { boxShadow: '0 0 0 0 rgba(255, 255, 255, 0)' }, }, active_speaker: { - '0%': { height: '4px' }, - '25%': { height: '8px' }, - '50%': { height: '6px' }, - '100%': { height: '16px' }, + '0%': { height: '25%' }, + '25%': { height: '45%' }, + '50%': { height: '20%' }, + '100%': { height: '55%' }, }, active_speaker_small: { - '0%': { height: '4px' }, - '25%': { height: '6px' }, - '50%': { height: '4px' }, - '100%': { height: '8px' }, + '0%': { height: '20%' }, + '25%': { height: '25%' }, + '50%': { height: '18%' }, + '100%': { height: '25%' }, }, wave_hand: { '0%': { transform: 'rotate(0deg)' },