From 41f43504ef6f9d79b300a709295a41cd990f1bf7 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Fri, 7 Mar 2025 14:43:54 +0800
Subject: [PATCH] fix(stage-web): animations

Signed-off-by: Neko Ayaka <neko@ayaka.moe>
---
 cspell.config.yaml                                       | 1 +
 .../src/components/BubbleWaveOutTransition.vue           | 9 ++++-----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/cspell.config.yaml b/cspell.config.yaml
index 7af45914b..47e3eae4d 100644
--- a/cspell.config.yaml
+++ b/cspell.config.yaml
@@ -77,6 +77,7 @@ words:
   - Llmmarker
   - lobehub
   - logg
+  - lucide
   - Maru
   - micvad
   - mineflayer
diff --git a/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue b/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
index 2c80bb6c0..0eb89d17b 100644
--- a/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
+++ b/packages/ui-transitions/src/components/BubbleWaveOutTransition.vue
@@ -30,12 +30,11 @@ onMounted(() => {
 <style scoped>
 .circle-expansion-transition {
   position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 150%;
-  aspect-ratio: 1 / 1;
+  top: calc(50% - 75vmax);
+  left: calc(50% - 75vmax);
+  width: 150vmax;
+  height: 150vmax;
   pointer-events: none;
-  transform: translate(-50%, -50%);
 }
 
 .circle-expansion-transition div {