style: 💄 use the new extra-actions on NcListItem
This commit is contained in:
parent
a6a0f0d4f8
commit
c97e927a15
@ -12,30 +12,27 @@
|
||||
:name="episode.name"
|
||||
:title="episode.description"
|
||||
@click="modalEpisode = episode">
|
||||
<template #actions>
|
||||
<NcActionButton
|
||||
<template #extra-actions>
|
||||
<NcButton
|
||||
v-if="!isCurrentEpisode(episode)"
|
||||
:aria-label="t('repod', 'Play')"
|
||||
:name="t('repod', 'Play')"
|
||||
:title="t('repod', 'Play')"
|
||||
@click="load(episode)">
|
||||
<template #icon>
|
||||
<PlayIcon :size="20" />
|
||||
</template>
|
||||
</NcActionButton>
|
||||
<NcActionButton
|
||||
</NcButton>
|
||||
<NcButton
|
||||
v-if="isCurrentEpisode(episode)"
|
||||
:aria-label="t('repod', 'Stop')"
|
||||
:name="t('repod', 'Stop')"
|
||||
:title="t('repod', 'Stop')"
|
||||
@click="load(null)">
|
||||
<template #icon>
|
||||
<StopIcon :size="20" />
|
||||
</template>
|
||||
</NcActionButton>
|
||||
</NcButton>
|
||||
</template>
|
||||
<template #extra>
|
||||
<NcActions>
|
||||
<template #actions>
|
||||
<NcActionButton
|
||||
v-if="episode.duration && !hasEnded(episode)"
|
||||
:aria-label="t('repod', 'Mark as read')"
|
||||
@ -78,7 +75,6 @@
|
||||
<DownloadIcon :size="20" />
|
||||
</template>
|
||||
</NcActionLink>
|
||||
</NcActions>
|
||||
</template>
|
||||
<template #icon>
|
||||
<NcAvatar
|
||||
@ -116,8 +112,8 @@
|
||||
import {
|
||||
NcActionButton,
|
||||
NcActionLink,
|
||||
NcActions,
|
||||
NcAvatar,
|
||||
NcButton,
|
||||
NcListItem,
|
||||
NcModal,
|
||||
NcProgressBar,
|
||||
@ -149,8 +145,8 @@ export default {
|
||||
Modal,
|
||||
NcActionButton,
|
||||
NcActionLink,
|
||||
NcActions,
|
||||
NcAvatar,
|
||||
NcButton,
|
||||
NcListItem,
|
||||
NcModal,
|
||||
NcProgressBar,
|
||||
|
Loading…
Reference in New Issue
Block a user