mirror of
https://github.com/koel/koel
synced 2024-11-10 06:34:14 +00:00
chore: use CSS instead of icon for sidebar toggl button state
This commit is contained in:
parent
bb47d5fb3b
commit
67d34cc2b0
1 changed files with 2 additions and 3 deletions
|
@ -5,13 +5,12 @@
|
|||
hover:text-k-text-primary hover:bg-k-highlight"
|
||||
>
|
||||
<input v-model="value" class="hidden" type="checkbox">
|
||||
<Icon v-if="value" :icon="faAngleLeft" />
|
||||
<Icon v-else :icon="faAngleRight" />
|
||||
<Icon :class="value || 'scale-x-[-1]'" :icon="faAngleLeft" class="transition" />
|
||||
</label>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons'
|
||||
import { faAngleLeft } from '@fortawesome/free-solid-svg-icons'
|
||||
import { computed } from 'vue'
|
||||
|
||||
const props = withDefaults(defineProps<{ modelValue?: boolean }>(), { modelValue: false })
|
||||
|
|
Loading…
Reference in a new issue