|
|
@ -12,13 +12,18 @@ |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<input type="checkbox" class="checkbox" id="_checkbox" /> |
|
|
<input type="checkbox" class="checkbox" id="_checkbox" /> |
|
|
<div on:click={handleChange}> |
|
|
<div class="checkbox-container" on:click={handleChange}> |
|
|
<div class="check-div" class:checked> |
|
|
<div class="check-div" class:checked> |
|
|
<div class="tick_mark" /> |
|
|
<div class="tick_mark" /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<style> |
|
|
<style> |
|
|
|
|
|
.checkbox-container { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
z-index: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.checkbox { |
|
|
.checkbox { |
|
|
display: none; |
|
|
display: none; |
|
|
} |
|
|
} |
|
|
|