mirror of
https://github.com/koel/koel
synced 2024-11-28 15:00:42 +00:00
chore: better cursor for sliders
This commit is contained in:
parent
f0d14d4ed3
commit
905fe640e9
3 changed files with 9 additions and 4 deletions
|
@ -306,6 +306,10 @@ onMounted(() => eventBus.on('INIT_EQUALIZER', () => init()))
|
|||
}
|
||||
}
|
||||
|
||||
&-touch-area {
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
&-target {
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
|
|
|
@ -1,17 +1,18 @@
|
|||
<template>
|
||||
<button
|
||||
class="control"
|
||||
:class="mode"
|
||||
@click.prevent="changeRepeatMode"
|
||||
:title="`Change repeat mode (current mode: ${readableRepeatMode})`"
|
||||
class="control"
|
||||
data-testid="repeat-mode-switch"
|
||||
type="button"
|
||||
@click.prevent="changeRepeatMode"
|
||||
>
|
||||
<i class="fa fa-repeat"></i>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed, reactive, toRef } from 'vue'
|
||||
import { computed, toRef } from 'vue'
|
||||
import { playbackService } from '@/services'
|
||||
import { preferenceStore } from '@/stores'
|
||||
|
||||
|
|
2
resources/assets/sass/vendor/_plyr.scss
vendored
2
resources/assets/sass/vendor/_plyr.scss
vendored
|
@ -85,7 +85,7 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to the larger fon
|
|||
border: 0;
|
||||
border-radius: 100%;
|
||||
transition: background .3s ease;
|
||||
cursor: ew-resize;
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
@mixin volume-track() {
|
||||
|
|
Loading…
Reference in a new issue