julien/binome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (music) pretty checkbox

Browse Source
This commit is contained in:
Julien Calixte
2020-07-11 00:42:57 +02:00
parent 37ce6a992b
commit bb2df9ea79
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/app.scss
View File

@@ -34,3 +34,7 @@ button:focus {
button:active { button:active {
transform: scale(0.99); transform: scale(0.99);
} }
.pretty {
font-size: 16pt;
}

20
src/views/Home.vue
View File

@@ -22,14 +22,18 @@
<button v-show="timeState === 'stopped'" @click="start">commencer</button> <button v-show="timeState === 'stopped'" @click="start">commencer</button>
<button v-show="timeState === 'started'" @click="clear">arrêter</button> <button v-show="timeState === 'started'" @click="clear">arrêter</button>
</div> </div>
<div> <div class="music">
<input <div class="pretty p-switch p-fill">
type="checkbox" <input
name="use-music" type="checkbox"
id="use-music" name="use-music"
v-model="hasMusic" id="use-music"
/> v-model="hasMusic"
<label for="use-music">Musique de fond</label> />
<div class="state p-success">
<label for="use-music">Musique</label>
</div>
</div>
<ChilledMusic <ChilledMusic
v-if="hasMusic" v-if="hasMusic"
:play="timeState === 'started'" :play="timeState === 'started'"