Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-30 15:59:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: use CSS instead of icon for sidebar toggl button state

Browse source
This commit is contained in:
Phan An 2024-08-18 17:16:14 +02:00
parent bb47d5fb3b
commit 67d34cc2b0
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/assets/js/components/layout/main-wrapper/sidebar/SidebarToggleButton.vue
View file

@ -5,13 +5,12 @@
hover:text-k-text-primary hover:bg-k-highlight" hover:text-k-text-primary hover:bg-k-highlight"
> >
<input v-model="value" class="hidden" type="checkbox"> <input v-model="value" class="hidden" type="checkbox">
<Icon v-if="value" :icon="faAngleLeft" /> <Icon :class="value || 'scale-x-[-1]'" :icon="faAngleLeft" class="transition" />
<Icon v-else :icon="faAngleRight" />
</label> </label>
</template> </template>
<script lang="ts" setup> <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' import { computed } from 'vue'
const props = withDefaults(defineProps<{ modelValue?: boolean }>(), { modelValue: false }) const props = withDefaults(defineProps<{ modelValue?: boolean }>(), { modelValue: false })