interactive horizontal limit lines

src/components/chart/ChartOrder.vue

@@ -1,17 +1,28 @@
 <template>
-  <div>
-    <v-expansion-panels class="d-flex">
-      <chart-tranche v-for="s in ss.shapes" :shape="s"/>
-  <!--    <v-expansion-panel v-for="s in ss.shapes" :title="s.type" :text="JSON.stringify(s)"/>-->
-    </v-expansion-panels>
+  <div class="d-flex flex-column h-100">
+    <toolbar/>
+  <!--    <div v-for="b in co.builderList">{{JSON.stringify(b)}}</div>-->
+    <div class="overflow-y-auto">
+        <template v-for="b in co.builderList">
+          <v-divider/>
+          <builder :builder="b"/>
+        </template>
+        <v-divider/>
+    </div>
   </div>
 </template>
 
 <script setup>
-import {useShapeStore} from "@/store/store.js";
-import ChartTranche from "@/components/chart/ChartTranche.vue";
-const ss = useShapeStore()
+import {useChartOrderStore} from "@/orderbuild.js";
+import Toolbar from "@/components/chart/Toolbar.vue";
+import Builder from "@/components/chart/Builder.vue";
+
+const co = useChartOrderStore()
+
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
+body {
+  overflow-y: hidden;
+}
 </style>