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"
|