💄 (app) better responsive design

This commit is contained in:
2020-07-14 15:56:25 +02:00
parent 058f91de60
commit 1d2871ae99
7 changed files with 45 additions and 19 deletions

View File

@@ -1,7 +1,6 @@
import { useGetters, useActions } from 'vuex-composition-helpers'
import { GetterTree } from 'vuex'
import { State, RootActions } from '@/store'
import { computed } from '@vue/composition-api'
const MIN_INTERVAL = 0.5
@@ -19,22 +18,10 @@ export const useInterval = () => {
setInterval(Math.floor(interval.value + 1))
}
const label = computed(() => {
if (interval.value > 1) {
return `${interval.value} minutes`
}
if (interval.value === MIN_INTERVAL) {
return '30 seconds'
}
return `${interval.value} minute`
})
return {
interval,
minInterval: MIN_INTERVAL,
minus,
plus,
label
plus
}
}