forked from vgaNAR6ta/drags-and-nerds
edit: ajout icon & bug fix infobulle timer
This commit is contained in:
@@ -1,15 +1,16 @@
|
||||
<script setup>
|
||||
import CloseIcon from '../assets/icons/close.svg'
|
||||
import DayIcon from '../assets/icons/day.svg'
|
||||
import NightIcon from '../assets/icons/night.svg'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div id="colorBtnContainer">
|
||||
<CloseIcon name="cyber" class="icon" :class="{checkedIcon: isChecked}"/>
|
||||
<NightIcon name="cyber" class="icon" :class="{checkedIcon: isChecked}"/>
|
||||
<label class="switch">
|
||||
<input type="checkbox" @click="toggleTheme">
|
||||
<span class="slider" data-tooltip="thème"></span>
|
||||
</label>
|
||||
<CloseIcon name="solar" class="icon" :class="{checkedIcon: !isChecked}"/>
|
||||
<DayIcon name="solar" class="icon" :class="{checkedIcon: !isChecked}"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -79,6 +80,7 @@
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
border-radius: 34px;
|
||||
cursor: cell;
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
@@ -92,6 +94,7 @@
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
border-radius: 50%;
|
||||
cursor: cell;
|
||||
}
|
||||
|
||||
input:checked + .slider {
|
||||
|
||||
Reference in New Issue
Block a user