chore: better cursor for sliders

This commit is contained in:
Phan An 2022-04-25 16:08:00 +03:00
parent f0d14d4ed3
commit 905fe640e9
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
3 changed files with 9 additions and 4 deletions

View file

@ -306,6 +306,10 @@ onMounted(() => eventBus.on('INIT_EQUALIZER', () => init()))
}
}
&-touch-area {
cursor: ns-resize;
}
&-target {
background: transparent;
border-radius: 0;

View file

@ -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'

View file

@ -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() {