julien/apoena
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (production flow) add little twicks to the flow

Browse Source
This commit is contained in:
Julien Calixte
2023-05-27 23:05:10 +02:00
parent cdd5d8121d
commit c811ed5320
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/flow/ProductionFlow.vue
View File

@@ -1,8 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store"; import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store"
import AddFlow from "@/modules/flow/components/AddFlow.vue"; import AddStep from "@/modules/flow/components/AddStep.vue"
const store = useProductionFlow(); const store = useProductionFlow()
</script> </script>
<template> <template>
@@ -20,7 +20,18 @@ const store = useProductionFlow();
.production-flow { .production-flow {
ul { ul {
display: flex; display: flex;
justify-content: space-around; gap: 1rem;
overflow-x: auto;
border: 2px solid rgb(69, 90, 85);
border-radius: 1rem;
padding: 1rem;
margin: 1rem 0;
min-height: 400px;
li {
min-width: 150px;
list-style-type: none;
}
} }
} }
</style> </style>