diff --git a/src/pages/Index/components/Consumables/MoveLiquidArea.vue b/src/pages/Index/components/Consumables/MoveLiquidArea.vue index 75baf8a..c68a13b 100644 --- a/src/pages/Index/components/Consumables/MoveLiquidArea.vue +++ b/src/pages/Index/components/Consumables/MoveLiquidArea.vue @@ -336,9 +336,9 @@ const changePlate = (index: number) => { } .load-consumables { - margin: 12px 16px 12px 10px; + margin: 0 16px 12px 10px; padding: 0; - height: 90px; + height: 70px; font-size: 40px; border-radius: 10px; // margin-bottom: 15px; diff --git a/src/pages/Index/components/Consumables/SpttingPlates.vue b/src/pages/Index/components/Consumables/SpttingPlates.vue index d4d6749..8b03eaa 100644 --- a/src/pages/Index/components/Consumables/SpttingPlates.vue +++ b/src/pages/Index/components/Consumables/SpttingPlates.vue @@ -85,6 +85,7 @@ const props = defineProps({ default: 40, }, }) + const emits = defineEmits(['updateReactionPlateNum','unloadConsumable']) const totalVal = ref(25) @@ -178,7 +179,7 @@ const updateSliderEndVal = async (plateNum, order) => { .card { width: 355px; - height: 100px; + height: 95px; padding: 0px; border: 1px solid black; diff --git a/src/pages/Index/components/Consumables/TabBar.vue b/src/pages/Index/components/Consumables/TabBar.vue index aca753f..09d1486 100644 --- a/src/pages/Index/components/Consumables/TabBar.vue +++ b/src/pages/Index/components/Consumables/TabBar.vue @@ -67,7 +67,7 @@ const onTabClick = (index: any) => {