Ron Au commited on
Commit
0b3ec71
·
1 Parent(s): 2a6300e

fix(ui): Shrink play button for small notes images

Browse files
Files changed (1) hide show
  1. source/ui/src/lib/Notes.svelte +8 -1
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 class="play-button" src="static/play.svg" alt="Play button" draggable="false" transition:fade />
 
 
 
 
 
 
 
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"