darkmode

src/components/chart/ChartPlaceOrder.vue

@@ -9,20 +9,22 @@
         <v-btn variant="text" prepend-icon="mdi-delete" v-if="co.orders.length>0"
                      :disabled="!orderChanged" @click="cancelOrder">Reset</v-btn>
       </template>
-      <needs-chart>
-        <template v-for="o in co.orders">
-          <chart-order :order="o"/>
-        </template>
-        <v-dialog v-model="showResetDialog" max-width="300">
-          <v-card title="Cancel Order?" text="Do you want to cancel this order and start again?">
-            <v-card-actions>
-              <v-spacer/>
-              <v-btn @click="()=>showResetDialog=false">Keep Existing</v-btn>
-              <v-btn @click="()=>{co.resetOrders(); showResetDialog=false}" color="red" text="Reset Order"/>
-            </v-card-actions>
-          </v-card>
-        </v-dialog>
-      </needs-chart>
+      <div class="overflow-y-auto">
+        <needs-chart>
+          <template v-for="o in co.orders">
+            <chart-order :order="o"/>
+          </template>
+          <v-dialog v-model="showResetDialog" max-width="300">
+            <v-card title="Cancel Order?" text="Do you want to cancel this order and start again?">
+              <v-card-actions>
+                <v-spacer/>
+                <v-btn @click="()=>showResetDialog=false">Keep Existing</v-btn>
+                <v-btn @click="()=>{co.resetOrders(); showResetDialog=false}" color="red" text="Reset Order"/>
+              </v-card-actions>
+            </v-card>
+          </v-dialog>
+        </needs-chart>
+      </div>
     </toolbar-pane>
 </template>
 
@@ -63,7 +65,7 @@ const theme = useTheme().current
 const orderColor = computed(()=>co.orders.length===0?null : co.orders[0].buy ? theme.value.colors.success:theme.value.colors.error)
 
 const valid = computed(()=>{
-  if (!s.allowed)
+  if (!s.approved)
     return false
   if (co.drawing)
     return false
@@ -127,7 +129,7 @@ async function placeOrder() {
 
 </script>
 
-<style lang="scss">
+<style lang="scss"> // NOT scoped
 body {
   overflow-y: hidden;
 }