This repository has been archived on 2024-03-13. You can view files and clone it, but cannot push or open issues or pull requests.
timekeeper/components/FirstTabContent.vue

30 lines
840 B
Vue
Raw Normal View History

<template>
<div class="tab-content grid flex-col">
<template v-for="(process, index) in $store.state.incremental.processes">
<button :key="index" class="text-right font-semibold">
{{ process.device }}
</button>
<div :key="index" class="progress-bar relative">
<progress max="100" value="50" class="w-full h-full"></progress>
<span
class="absolute top-0 bottom-0 left-0 right-0 text-center text-white"
>
1.3 <span class="fas fa-hourglass-half text-sm" /> / sec
<!-- {{ $store.state.incremental.currency[process.produces] }} {{ process.produces }} -->
</span>
</div>
</template>
</div>
</template>
<script>
export default {}
</script>
<style scoped>
.tab-content {
grid-template-columns: auto 1fr;
grid-gap: 1rem 1rem;
}
</style>