💄 (music) pretty checkbox

2020-07-11 00:42:57 +02:00
parent 37ce6a992b
commit bb2df9ea79
2 changed files with 16 additions and 8 deletions
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -22,14 +22,18 @@
      <button v-show="timeState === 'stopped'" @click="start">commencer</button>
      <button v-show="timeState === 'started'" @click="clear">arrêter</button>
    </div>
-    <div>
-      <input
-        type="checkbox"
-        name="use-music"
-        id="use-music"
-        v-model="hasMusic"
-      />
-      <label for="use-music">Musique de fond</label>
+    <div class="music">
+      <div class="pretty p-switch p-fill">
+        <input
+          type="checkbox"
+          name="use-music"
+          id="use-music"
+          v-model="hasMusic"
+        />
+        <div class="state p-success">
+          <label for="use-music">Musique</label>
+        </div>
+      </div>
      <ChilledMusic
        v-if="hasMusic"
        :play="timeState === 'started'"