mirror of
https://github.com/owntone/owntone-server.git
synced 2025-07-13 11:01:09 -04:00
[web] Change player controls to buttons
This commit is contained in:
parent
b52fd89474
commit
dbfc727b21
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user