this repo has no description
1<script setup lang="ts">
2import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store"
3import AddStep from "@/modules/flow/components/AddStep.vue"
4
5const store = useProductionFlow()
6</script>
7
8<template>
9 <section class="production-flow">
10 <add-step />
11 <ul>
12 <li :key="team.name" v-for="team in store.$state.teams">
13 {{ team.name }}
14 <p>{{ team.intention }}</p>
15 <button @click="store.removeTeam(team.id)">❌</button>
16 </li>
17 </ul>
18 </section>
19</template>
20
21<style scoped lang="scss">
22.production-flow {
23 ul {
24 display: flex;
25 gap: 1rem;
26 overflow-x: auto;
27 border: 2px solid rgb(69, 90, 85);
28 border-radius: 1rem;
29 padding: 1rem;
30 margin: 1rem 0;
31 min-height: 400px;
32
33 li {
34 min-width: 150px;
35 list-style-type: none;
36 }
37 }
38}
39</style>