|
|
@@ -6,7 +6,7 @@
|
|
|
data-setter="minutes-plus"
|
|
|
@click="changeTime('minutes-plus')"
|
|
|
:disabled="isStarted"
|
|
|
- :style="{ opacity: isStarted ? 1 : 0.5 }"
|
|
|
+ :style="{ opacity: isStarted ? 0.5 : 1 }"
|
|
|
>
|
|
|
+
|
|
|
</button>
|
|
|
@@ -14,7 +14,7 @@
|
|
|
data-setter="minutes-minus"
|
|
|
@click="changeTime('minutes-minus')"
|
|
|
:disabled="isStarted"
|
|
|
- :style="{ opacity: isStarted ? 1 : 0.5 }"
|
|
|
+ :style="{ opacity: isStarted ? 0.5 : 1 }"
|
|
|
>
|
|
|
-
|
|
|
</button>
|
|
|
@@ -24,7 +24,7 @@
|
|
|
data-setter="seconds-plus"
|
|
|
@click="changeTime('seconds-plus')"
|
|
|
:disabled="isStarted"
|
|
|
- :style="{ opacity: isStarted ? 1 : 0.5 }"
|
|
|
+ :style="{ opacity: isStarted ? 0.5 : 1 }"
|
|
|
>
|
|
|
+
|
|
|
</button>
|
|
|
@@ -32,7 +32,7 @@
|
|
|
data-setter="seconds-minus"
|
|
|
@click="changeTime('seconds-minus')"
|
|
|
:disabled="isStarted"
|
|
|
- :style="{ opacity: isStarted ? 1 : 0.5 }"
|
|
|
+ :style="{ opacity: isStarted ? 0.5 : 1 }"
|
|
|
>
|
|
|
-
|
|
|
</button>
|
|
|
@@ -43,7 +43,11 @@
|
|
|
<g transform="translate(110,110)">
|
|
|
<circle r="100" class="e-c-base" />
|
|
|
<g transform="rotate(-90)">
|
|
|
- <circle r="100" class="e-c-progress" :style="{ strokeDasharray: offset }" />
|
|
|
+ <circle
|
|
|
+ r="100"
|
|
|
+ class="e-c-progress"
|
|
|
+ :style="{ strokeDasharray: offset }"
|
|
|
+ />
|
|
|
<g id="e-pointer" :style="{ transform: pointerTransform }">
|
|
|
<circle cx="100" cy="0" r="8" class="e-c-pointer" />
|
|
|
</g>
|
