this repo has no description
💄 (production flow) add little twicks to the flow
+15
-4
+15
-4
src/components/flow/ProductionFlow.vue
+15
-4
src/components/flow/ProductionFlow.vue
···
1
1
<script setup lang="ts">
2
-
import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store";
3
-
import AddFlow from "@/modules/flow/components/AddFlow.vue";
2
+
import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store"
3
+
import AddStep from "@/modules/flow/components/AddStep.vue"
4
4
5
-
const store = useProductionFlow();
5
+
const store = useProductionFlow()
6
6
</script>
7
7
8
8
<template>
···
20
20
.production-flow {
21
21
ul {
22
22
display: flex;
23
-
justify-content: space-around;
23
+
gap: 1rem;
24
+
overflow-x: auto;
25
+
border: 2px solid rgb(69, 90, 85);
26
+
border-radius: 1rem;
27
+
padding: 1rem;
28
+
margin: 1rem 0;
29
+
min-height: 400px;
30
+
31
+
li {
32
+
min-width: 150px;
33
+
list-style-type: none;
34
+
}
24
35
}
25
36
}
26
37
</style>