Remove wrapper div

2026-02-08 17:00:29 +01:00
parent 93f81f28bc
commit 7c2af0bc1d
2 changed files with 18 additions and 42 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -155,25 +155,26 @@
            </div>
            <div class="player-body">
              <div
-                class="custom-player"
-                :class="{ idle: !currentClipUrl }"
+                class="pulse-orb"
+                :class="{
+                  active: isPlaying,
+                  playing: isPlaying && !isAnswerClip,
+                  answer: isPlaying && isAnswerClip,
+                  idle: !currentClipUrl
+                }"
                :style="{
                  '--pulse': pulseLevel.toFixed(3),
                  '--ray': rayLevel.toFixed(3),
                  '--ray-hue': rayHue.toFixed(0)
                }"
-              >
-                <div
-                  class="pulse-orb"
-                  :class="{
-                    active: isPlaying,
-                    playing: isPlaying && !isAnswerClip,
-                    answer: isPlaying && isAnswerClip,
-                    idle: !currentClipUrl
-                  }"
-                ></div>
-                <div class="pulse-rays"></div>
-              </div>
+              ></div>
+              <div
+                class="pulse-rays"
+                :style="{
+                  '--ray': rayLevel.toFixed(3),
+                  '--ray-hue': rayHue.toFixed(0)
+                }"
+              ></div>
              <audio
                ref="player"
                v-if="currentClipUrl"