thm/noise-maker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

clear button

Browse source
This commit is contained in:
Tomáš Mládek 2020-01-12 12:20:00 +01:00
parent daeb71b93c
commit 90e912a50f
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.vue
View file

@ -18,6 +18,7 @@ import {PlayingState} from "@/common";
</label> </label>
<input :id="`url-input-${names[i-1]}`" type="text" v-model="urls[i - 1]"/> <input :id="`url-input-${names[i-1]}`" type="text" v-model="urls[i - 1]"/>
</div> </div>
<button class="channel-urls-clear-button" @click="urls = Array(N_CHANNELS).fill('')">CLEAR</button>
</div> </div>
</div> </div>
<div class="controls"> <div class="controls">
@ -150,10 +151,15 @@ h1 {
.channel-urls { .channel-urls {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
justify-content: space-between; justify-content: space-between;
flex-grow: 1; flex-grow: 1;
} }
.channel-urls-clear-button {
max-width: 5em;
}
.url-input { .url-input {
display: flex; display: flex;
width: 100%; width: 100%;