Spaces:
Runtime error
Runtime error
Ron Au
commited on
Commit
·
0b3ec71
1
Parent(s):
2a6300e
fix(ui): Shrink play button for small notes images
Browse files
source/ui/src/lib/Notes.svelte
CHANGED
@@ -92,7 +92,14 @@ const keyDown = (event: KeyboardEvent): void => {
|
|
92 |
<audio bind:currentTime bind:duration bind:paused src={$audioBlob} />
|
93 |
<div class="handle" style:transform="translate({imageWidth * (currentTime / duration)}px, -2%)" />
|
94 |
{#if paused}
|
95 |
-
<img
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
96 |
{/if}
|
97 |
</div>
|
98 |
<a href={$audioBlob} download={`${styles[$style]} Composition - AI Guru ft. Hugging Face.wav`} class="download"
|
|
|
92 |
<audio bind:currentTime bind:duration bind:paused src={$audioBlob} />
|
93 |
<div class="handle" style:transform="translate({imageWidth * (currentTime / duration)}px, -2%)" />
|
94 |
{#if paused}
|
95 |
+
<img
|
96 |
+
class="play-button"
|
97 |
+
src="static/play.svg"
|
98 |
+
alt="Play button"
|
99 |
+
draggable="false"
|
100 |
+
transition:fade
|
101 |
+
style:width={imageHeight > 100 ? '20%' : '7.5%'}
|
102 |
+
/>
|
103 |
{/if}
|
104 |
</div>
|
105 |
<a href={$audioBlob} download={`${styles[$style]} Composition - AI Guru ft. Hugging Face.wav`} class="download"
|