fix: dark mode checkmarks

This commit is contained in:
2025-10-02 01:52:02 +02:00
parent 802da68576
commit 0160a27bf4
+5 -1
View File
@@ -1,7 +1,7 @@
<template> <template>
<label class="order-instruction-checkbox"> <label class="order-instruction-checkbox">
<input type="checkbox" v-model="instructionObject.active" /> <input type="checkbox" v-model="instructionObject.active" />
<div class="checkmark"></div> <div class="checkmark" :class="{ dark: store.orderDarkMode }"></div>
<div class="text">{{ instructionObject.name }}</div> <div class="text">{{ instructionObject.name }}</div>
</label> </label>
</template> </template>
@@ -65,6 +65,10 @@ const instructionObject = computed(() => store.orderData.instructions[props.rowI
background-color: gold; background-color: gold;
&.dark {
color: black;
}
&:after { &:after {
content: ''; content: '';
position: absolute; position: absolute;