feat: add navigation buttons to bottom home screen

This commit is contained in:
2025-11-12 15:30:54 +01:00
parent 3384dacf0f
commit 92c621092d
11 changed files with 185 additions and 7 deletions

View File

@@ -0,0 +1,34 @@
<script setup lang="ts">
const props = defineProps<{
selected: boolean;
}>();
const buttonImage = useTemplateRef("buttonImage");
const selectorImage = useTemplateRef("selectorImage");
const x = 128;
const y = 72;
useRender((ctx) => {
if (!buttonImage.value || !selectorImage.value) return;
ctx.drawImage(buttonImage.value, x, y);
if (props.selected) {
ctx.drawImage(selectorImage.value, x - 1, y - 1);
}
});
</script>
<template>
<img
ref="buttonImage"
src="/assets/images/home/bottom-screen/buttons/downloadPlay.png"
hidden
/>
<img
ref="selectorImage"
src="/assets/images/home/bottom-screen/buttons/smallSelector.png"
hidden
/>
</template>