[web] Change player controls to buttons

This commit is contained in:
Alain Nussbaumer 2025-05-11 09:12:29 +02:00
parent b52fd89474
commit dbfc727b21
5 changed files with 10 additions and 10 deletions

View File

@ -1,11 +1,11 @@
<template> <template>
<a v-if="visible" :disabled="disabled" @click="seek"> <button v-if="visible" :disabled="disabled" @click="seek">
<mdicon <mdicon
class="icon" class="icon"
name="rewind-10" name="rewind-10"
:title="$t('player.button.seek-backward')" :title="$t('player.button.seek-backward')"
/> />
</a> </button>
</template> </template>
<script> <script>

View File

@ -1,11 +1,11 @@
<template> <template>
<a v-if="visible" :disabled="disabled" @click="seek"> <button v-if="visible" :disabled="disabled" @click="seek">
<mdicon <mdicon
class="icon" class="icon"
name="fast-forward-30" name="fast-forward-30"
:title="$t('player.button.seek-forward')" :title="$t('player.button.seek-forward')"
/> />
</a> </button>
</template> </template>
<script> <script>

View File

@ -1,11 +1,11 @@
<template> <template>
<a :disabled="disabled" @click="next"> <button :disabled="disabled" @click="next">
<mdicon <mdicon
class="icon" class="icon"
name="skip-forward" name="skip-forward"
:title="$t('player.button.skip-forward')" :title="$t('player.button.skip-forward')"
/> />
</a> </button>
</template> </template>
<script> <script>

View File

@ -1,7 +1,7 @@
<template> <template>
<a :disabled="disabled" @click="toggle"> <button :disabled="disabled" @click="toggle">
<mdicon class="icon" :name="icon" :title="$t(`player.button.${icon}`)" /> <mdicon class="icon" :name="icon" :title="$t(`player.button.${icon}`)" />
</a> </button>
</template> </template>
<script> <script>

View File

@ -1,11 +1,11 @@
<template> <template>
<a :disabled="disabled" @click="previous"> <button :disabled="disabled" @click="previous">
<mdicon <mdicon
class="icon" class="icon"
name="skip-backward" name="skip-backward"
:title="$t('player.button.skip-backward')" :title="$t('player.button.skip-backward')"
/> />
</a> </button>
</template> </template>
<script> <script>