feat(settings): animate transition to submenu (background and sliding)

2026-02-09 17:00:16 +01:00
parent c96f323317
commit 6a0a0baaaa
12 changed files with 198 additions and 52 deletions
--- a/app/components/Settings/BottomScreen/Menus/TouchScreen/Menu.vue
+++ b/app/components/Settings/BottomScreen/Menus/TouchScreen/Menu.vue
@@ -1,8 +1,14 @@
 <script setup lang="ts">
-const props = defineProps<{
-  x: number;
-  y: number;
-}>();
+const props = withDefaults(
+  defineProps<{
+    x: number;
+    y: number;
+    opacity?: number;
+  }>(),
+  {
+    opacity: 1,
+  },
+);

 const { onRender } = useScreen();

@@ -26,6 +32,7 @@ const isAnyOtherMenuOpen = computed(() => {
 });

 onRender((ctx) => {
+  ctx.globalAlpha = props.opacity;
  if (isAnyOtherMenuOpen.value) {
    assets.images.settings.topScreen.touchScreen.touchScreenDisabled.draw(
      ctx,