💫 (interval) add animation to plus and minus

2020-07-15 00:54:22 +02:00
parent 965ce9f1cb
commit 556a25c908
5 changed files with 52 additions and 49 deletions
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -24,12 +24,16 @@
            v-if="timeState === 'stopped'"
            src="@/assets/play.svg"
            alt="play"
+            width="44px"
+            height="44px"
          />
          <img
            key="pause"
            v-if="timeState === 'started'"
            src="@/assets/pause.svg"
            alt="pause"
+            width="44px"
+            height="44px"
          />
        </transition>
      </button>
@@ -140,11 +144,4 @@ footer {
  font-style: italic;
  font-size: 1rem;
 }
-
-$button-size: 44px;
-
-button {
-  width: $button-size;
-  height: $button-size;
-}
 </style>