little cleanup

This commit is contained in:
Puniko 2022-12-27 15:32:43 +01:00
parent f383aec1cd
commit 794298c21c

View file

@ -11,16 +11,16 @@
<canvas class="pattern-canvas" ref="displayCanvas"></canvas> <canvas class="pattern-canvas" ref="displayCanvas"></canvas>
</div> </div>
<div class="controls"> <div class="controls">
<button class="play" title="play" accesskey="P" @click="playPause()"> <button class="play" accesskey="P" @click="playPause()">
<i class="fas fa-play" v-if="!playing"></i> <i class="fas fa-play" v-if="!playing"></i>
<i class="fas fa-pause" v-if="playing"></i> <i class="fas fa-pause" v-if="playing"></i>
</button> </button>
<button class="stop" title="stop" accesskey="X" @click="stop()"> <button class="stop" accesskey="X" @click="stop()">
<i class="fas fa-stop"></i> <i class="fas fa-stop"></i>
</button> </button>
<progress min="0" max="100" value="0" ref="progress"></progress> <progress min="0" max="100" value="0" ref="progress"></progress>
<input type="range" min="0" max="1" v-model="player.context.gain.value" step="0.1" ref="volume" title="volume"/> <input type="range" min="0" max="1" v-model="player.context.gain.value" step="0.1" ref="volume" title="volume"/>
<a class="download" title="download" :href="module.url" target="_blank"> <a class="download" :title="i18n.ts.download" :href="module.url" target="_blank">
<i class="fas fa-download"></i> <i class="fas fa-download"></i>
</a> </a>
</div> </div>
@ -244,6 +244,7 @@ function display() {
border: none; border: none;
background-color: transparent; background-color: transparent;
color: var(--accent); color: var(--accent);
cursor: pointer;
&:hover { &:hover {
background-color: var(--fg); background-color: var(--fg);