From b0206234f16ea717a05fd95459d5a0a35c3b1773 Mon Sep 17 00:00:00 2001
From: goynov <goynov@gmail.com>
Date: Thu, 26 Mar 2026 11:43:11 +0200
Subject: [PATCH] #75

---
 src/components/SceneDesigner/Scene.vue | 28 ++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/components/SceneDesigner/Scene.vue b/src/components/SceneDesigner/Scene.vue
index 9b710ec..efa7de8 100644
--- a/src/components/SceneDesigner/Scene.vue
+++ b/src/components/SceneDesigner/Scene.vue
@@ -12,27 +12,47 @@
         <v-img v-if="modelValue.environment" :src="`/asset/thumb/${modelValue.environment}.webp`" />
         <asset-selector @select="assignEnvironment" :type="['Panorama']">
             <template v-slot:activator="props">
-                <v-btn v-bind="props" prepend-icon="mdi-panorama-sphere-outline" block color="light-blue-darken-4">{{ l.selectEnvironment }}</v-btn>
+                <v-btn v-bind="props" prepend-icon="mdi-panorama-sphere-outline" block color="light-blue-darken-4" class="justify-space-between">
+                    {{ l.selectEnvironment }}
+                    <template v-slot:append>
+                        <v-icon icon="mdi-close" v-if="modelValue.environment" @click.stop="delete modelValue.environment"></v-icon>
+                    </template>
+                </v-btn>
             </template>
         </asset-selector>
 
         <v-img v-if="modelValue.scene" :src="`/asset/thumb/${modelValue.scene}.webp`" />
         <asset-selector @select="assignScene" :type="['Scene']">
             <template v-slot:activator="props">
-                <v-btn v-bind="props" prepend-icon="mdi-panorama-outline" block color="orange-darken-3" class="my-4">{{ l.selectScene }}</v-btn>
+                <v-btn v-bind="props" prepend-icon="mdi-panorama-outline" block color="orange-darken-3" class="my-4 justify-space-between">
+                    {{ l.selectScene }}
+                    <template v-slot:append>
+                        <v-icon icon="mdi-close" v-if="modelValue.scene" @click.stop="delete modelValue.scene"></v-icon>
+                    </template>
+                </v-btn>
             </template>
         </asset-selector>
 
         <v-img v-if="modelValue.intro" :src="`/asset/thumb/${modelValue.intro}.webp`" />
         <asset-selector @select="assignIntro" :type="['Video']">
             <template v-slot:activator="props">
-                <v-btn v-bind="props" prepend-icon="mdi-filmstrip" block color="deep-orange-darken-4" class="my-4">{{ l.selectIntroduction }}</v-btn>
+                <v-btn v-bind="props" prepend-icon="mdi-filmstrip" block color="deep-orange-darken-4" class="my-4 justify-space-between">
+                    {{ l.selectIntroduction }}
+                    <template v-slot:append>
+                        <v-icon icon="mdi-close" v-if="modelValue.intro" @click.stop="delete modelValue.intro"></v-icon>
+                    </template>
+                </v-btn>
             </template>
         </asset-selector>
 
         <asset-selector @select="assignAudio" :type="['Audio']">
             <template v-slot:activator="props">
-                <v-btn v-bind="props" prepend-icon="mdi-volume-medium" block color="deep-purple-accent-2" class="my-4">{{ l.selectAmbientSound }}</v-btn>
+                <v-btn v-bind="props" prepend-icon="mdi-volume-medium" block color="deep-purple-accent-2" class="my-4 justify-space-between">
+                    {{ l.selectAmbientSound }}
+                    <template v-slot:append>
+                        <v-icon icon="mdi-close" v-if="modelValue.audio" @click.stop="delete modelValue.audio"></v-icon>
+                    </template>
+                </v-btn>
             </template>
         </asset-selector>