mirror of
https://github.com/Spythere/genera-tor.git
synced 2026-05-03 05:28:13 +00:00
fix: dark mode checkmarks
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user